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>

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

1 个答案: