css - 对齐两个 DIV 并使用整个页面宽度

Question

我需要在父 div 中对齐两个 div。

父 div 应占满页面宽度，两边留有边距。

第一个子 div 应该是 100px 宽和 4px 边距。第二个子 div 必须占据剩余的空间，右侧有 4px 的边距。

如何为此编写 CSS？到目前为止我已经写完了

div.parent {

        width: ?;

        border:1px black solid;

        position: relative;

        clear: both;

        }

<div class="parent">

<div class="child1"> </div>

<div class="child2"> </div>

Answer 1

为什么不直接给父 div 添加边距呢？

<div style="height: 100px; width: 100%; padding: 4px; background-color: Yellow;">
    <div style="height: 100%; width: 100px; background-color: Lime; position: relative; float: left; border: solid 1px black; border-right-width: 0px;"></div>
    <div style="height: 100%; width: 100%; background-color: Red; border: solid 1px black; border-left-width: 0px;"></div>
</div>