css - div 不是全宽

Question

我有两个像这样的div

<div id="left"><p>.....</p><br/>
<p>.....</p>
</div>
<div id="right"><img ..../></div>

我有 CSS。

#left
{
position: relative
float: left;
}


#right
{
position: relative
float: right;
}

右边的 div 不会向右浮动，因为左边的 p 元素没有为右边的 div 元素留出空间，但是在 CSS 中我没有将 P 设置为这样的 width: 100%。如何使左宽度灵活？我不知道图像宽度，所以我不能在两个 div 上设置固定宽度。

Answer 1

p 是一个 block 元素，所以它的 100% 宽度有点默认。您可以将其宽度设置为另一个值，或者只让图像 float 而 p 不 float (这样它将按照 float 的方式工作)。