Html 未包装的div

这是一种更有效的方法。。。出于某种原因，我觉得这是一种老办法

我有一个

（我正在创建一个lynda.com网页来上课）

，而包装器实际上并没有环绕

id=“trailInfo”

为此，我将添加br

class=“br\u clear”

/

有没有更正确的方法？如果我将

clear=both

添加到部分is不起作用，我必须将其添加到

br

中。

---

谢谢

使用父div中的

溢出：隐藏
属性更新CSS

#wrapper {
    background-color: #FFFFFF;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 960px;
}

关于清除浮动的说明

基于浮动的布局的一个常见问题是父div的不想伸展以容纳子浮动div的。如果要在父div周围添加边框，则必须以某种方式命令浏览器将父div一直向上延伸

现在看看你所面临的问题：

那是因为你当时没有清理浮标

因此，这个问题的旧解决方案是
明确的：两者都有

如果要在浮动的子元素后添加额外的div，如下面提到的代码，这将清除浮动：

<div class="parent">
  <div class="left-child"></div>
  <div class="right-child"></div>
  <div style="clear:both;"></div>
</div>



新解决方案是
溢出：隐藏
如果您将
溢出：隐藏
给您的
父div
，这将自动清除父div中所有的子浮动元素

请参阅新解决方案演示：
Hi now give to
#包装溢出：隐藏

像这样

#wrapper{
overflow:hidden;
}

添加
高度：自动到包装器类。它可以工作
您应该使用overflow:hidden；属性

#wrapper{
overflow:hidden;
height:auto;
}

是的，很有效，谢谢！你能给我指个方向，让我看看为什么会这样吗？我正在努力学习这些东西谢谢！！Hey@Kim请查看关于清除浮动的最新答案说明，我希望您能理解这些事情，并了解确切的问题……谢谢！这确实有效！现在我想知道为什么会这样，有没有链接到更多的信息？谢谢