Question

如何让div停止包装？

Answer 1

在div上设置此样式。它适用于Chrome和IE。我还没有测试过其他浏览器。

overflow: auto;

Answer 2

您的意思是希望<div class="objectives">显示在<div class="icon">下方吗？如果是这样，div.objectives { clear: left; }应该可以解决问题。

或者您希望整个<div class="objectives">与<div class="icon">一起显示？如果是这样，div.objectives { float:left; }应该会实现。您可能还需要在div.objectives上指定宽度。或者，删除浮点代码并将div.objectives和div.icon都设置为{ display: inline-block; vertical-align: top; }。

Answer 3

这只是编辑代码并将其替换为下面的代码

<div class="icon"><img align="left" alt="" src="/resource/uploads_scope/issues/090113/090113_pairedText_featuredSkills.png"></div>
<div style="overflow: auto;">
    <h5>Featured Skills:</h5>
        <p>Compare and contrast; vocabulary; shades of meaning.<br>
        <strong>Other Key Skills: forming and supporting a claim, inference, author’s craft, key ideas.</strong></p>
            </div>
            <div style="clear:both;">
                &nbsp;</div>
        </div>

如何使DIV停止包装

3 个答案: