css - 分区定位

Question

所以，我有一些 block ，这个 block 必须包含两个 div，第一个 div 必须在左边(附加到 block )，第二个在右边(附加到 block )，并且这两个 div 必须覆盖所有 block 大小。

Answer 1

<div id="block" style="width:800px">
   <div id="left" style="float:left;width:50%;"> left </div>
   <div id="right" style="float:right;width:50%;"> right</div>
</div>

两个 div 的宽度都是父 div 的一半。

但是您必须小心边框，因为 width 定义了内容的宽度(即没有边框)。因此，如果您使用边框，右侧框将显示在左侧下方，但仍在右侧。