Css 带文本换行的流体浮动div
我有一个容器,两个div并排浮动 第一个div没有固定的应用宽度,而第二个div有固定宽度。我想要的是,当第二个div未渲染时,第一个div将扩展到全宽 然而,我面临的问题是,当div1中的一个段落变得很长时,它并没有像它应该的那样进行包装,而是以div1在div2下的包装结束。我希望实现的是将长段落用div 1进行包装,并尊重浮动div 2 下面的代码可以更好地解释Css 带文本换行的流体浮动div,css,css-float,Css,Css Float,我有一个容器,两个div并排浮动 第一个div没有固定的应用宽度,而第二个div有固定宽度。我想要的是,当第二个div未渲染时,第一个div将扩展到全宽 然而,我面临的问题是,当div1中的一个段落变得很长时,它并没有像它应该的那样进行包装,而是以div1在div2下的包装结束。我希望实现的是将长段落用div 1进行包装,并尊重浮动div 2 下面的代码可以更好地解释 <div style="width:600px; height: 600px; margin-left: auto; ma
<div style="width:600px; height: 600px; margin-left: auto; margin-right: auto; border:1px solid blue;">
<div style="float:left; border:1px solid green;">
<p>Main long text jhjkhjkhjkhjk hj hjkh jkh jkh jkh jkh jkh jk hjk h jkh jh jkh jkh jkh jk hjk hjk hjkhkjhjkhjkhjkhjkhjkhjkhjkhjkhjkhjkh</p>
</div>
<div style="float:right; border:1px solid red; width: 200px;">
<p>Secondary</p>
</div>
提前感谢为第一个内部分区添加宽度
<div style="width:600px; height: 600px; margin-left: auto; margin-right: auto; border:1px solid blue;">
<div style="float:left; border:1px solid green; width: 396px;">
<p>Main long text jhjkhjkhjkhjk hj hjkh jkh jkh jkh jkh jkh jk hjk h jkh jh jkh jkh jkh jk hjk hjk hjkhkjhjkhjkhjkhjkhjkhjkhjkhjkhjkhjkh</p>
</div>
<div style="float:right; border:1px solid red; width: 200px;">
<p>Secondary</p>
</div>
可以为我们展示一个更好理解的示例,但是当第二个div不可用时,第一个div将不会扩展到其他div。我不确定我试图实现的目标是否完全可以用css实现?