为什么当我在 p 元素中指定宽度属性时，文本不会围绕 div 元素流动？我知道一个解决方案是让 float: left; 在我的 p 元素中。只求解释，不求解决
div {
width: 200px;
height: 100px;
background-color: green;
opacity: 0.2;
float: left;
}
p {
background-color: yellow;
width:10px;
}<div></div>
<p>Lorem Ipsum</p>块元素不会环绕浮动，它们包含的行框会。但是由于p元素的宽度小于div元素的宽度，所以p元素的line box没有空间可以放在div元素旁边，所以line box最先被放置的机会是在div的下方元素。所以环绕就是 p 元素的 line box 正在做的事情。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句