我需要在父 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>
最佳答案
为什么不直接给父 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>
关于css - 对齐两个 DIV 并使用整个页面宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4049265/