Css 如何使DIV停止包装

如何使div停止包装？

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

overflow: auto;

---

在你的div上设置这个样式。它可以在Chrome和IE中使用。我还没有测试过其他浏览器

overflow: auto;

---

您的意思是希望

显示在

下面吗？如果是这样的话，

div.objectives{clear:left；}

应该可以做到这一点

---

还是希望整个

显示在

旁边？如果是这样的话，

div.objectives{float:left；}

应该可以实现。您可能还需要在

div.objectives

上指定宽度。或者，删除浮动代码并将

div.objectives

和

div.icon

设置为

{display:inline block；vertical align:top；}

您的意思是希望

显示在

下面吗？如果是这样的话，

div.objectives{clear:left；}

应该可以做到这一点

---

还是希望整个

显示在

旁边？如果是这样的话，

div.objectives{float:left；}

应该可以实现。您可能还需要在

div.objectives

上指定宽度。或者，删除浮动代码，并将

div.objectives

和

div.icon

设置为

{display:inline block；vertical align:top；}

此操作只需编辑代码并用下面的代码替换即可

<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 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.objectives{float:left；}应该可以实现。因此，即使DIV class=“icon”向左浮动，这也会起作用吗？我试着把它弄清楚，我希望它在图标的右边。我为“目标”设置了299px的宽度。当我在firefox中选择“inspect element”时，我看到div目标的起始位置与“icon”的起始位置相同，尽管如此。icon是左浮动的，右边有10px的边距。它们都是左浮动的，并且会按源代码顺序出现，所以是的，它可以工作。也就是说，我将遵从@user2380032和@RobWhite。设置

div.objectives{overflow:auto；}

是最简单的方法。是的，我希望所有的都显示在旁边？如果是这样的话，div.objectives{float:left；}应该可以实现。因此，即使DIV class=“icon”向左浮动，这也会起作用吗？我试着把它弄清楚，我希望它在图标的右边。我为“目标”设置了299px的宽度。当我在firefox中选择“inspect element”时，我看到div目标的起始位置与“icon”的起始位置相同，尽管如此。icon是左浮动的，右边有10px的边距。它们都是左浮动的，并且会按源代码顺序出现，所以是的，它可以工作。也就是说，我将遵从@user2380032和@RobWhite。设置

div.objectives{overflow:auto；}

是最简单的方法。您是否像user2380032那样进行设置？我猜这确实是您想要的。您是否将其设置为user2380032已回答？我猜你是这么想的。啊，谢谢！这就成功了。我将对此进行研究，并尝试理解其背后的代码和概念。我的定位是CSS是我的弱点。再次感谢你，我会投票支持的。嗯，我遇到麻烦的只是定位问题，当然还有现在的响应能力。但是，通过视频聊天，这怎么会发生呢？有点像php，根本没有java我真正需要学习的，除了CSS定位，响应性设计是JavaScript，jQueryI找不到任何方法在你的个人资料上与你联系，只有Codingahh谢谢！这就成功了。我将对此进行研究，并尝试理解其背后的代码和概念。我的定位是CSS是我的弱点。再次感谢你，我会投票支持的。嗯，我遇到麻烦的只是定位问题，当然还有现在的响应能力。但是，通过视频聊天，这怎么会发生呢？有点像php，根本没有java我真正需要学习的，除了CSS定位，响应式设计是JavaScript和jQueryI无法找到任何方式联系你的个人资料，只有Codinghi Jay，我知道你的问题已经解决了。您可能会发现，将来您可以使用ie和chrome中的开发人员工具来尝试样式设置。您可以在浏览器中进行实时更改，以查看样式的外观。当你拥有你想要的样式时，你可以将它复制并粘贴到你实际的css工作表中。是的，我知道，但我现在只限于firefox：-\install firebug for mozilla，我想它也会做同样的事情Hi Jay，我知道你的问题已经解决了。您可能会发现，将来您可以使用ie和chrome中的开发人员工具来尝试样式设置。您可以在浏览器中进行实时更改，以查看样式的外观。当你拥有你想要的样式时，你可以将它复制并粘贴到你实际的css SheetsHanks上，是的，我知道，但我现在的位置仅限于firefox:-\install firebug for mozilla，我认为它也能做到这一点