我有一个容器,其中有 2 个 div 并排 float 。
第一个 div 没有应用固定宽度,而第二个有。我想要的是当第二个 div 未呈现时第一个 div 展开全宽。
然而,我面临的问题是,当 div 1 中的段落变长时,它不会按应有的方式换行,而是以 div1 换行到 div2 下结束。我希望实现的是将长段落包裹在 div 1 中并尊重 float 的 div 2。
下面的代码可能会更好地解释....
<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添加宽度
<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>
关于css - 带有文本换行的流体 float div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10109074/