Css div浮动容器底部的额外空间

这是当前设置：

<div id="youtubelatestnews">
    <div class="box youtubebox">
    </div>

    <div class="latestnews">
    </div>

    <div class="clear"></div>
</div>

但是问题是容器

“youtubelatestnews”底部的空间太大

以下是网站：

---

我指的

是偷窥和最新新闻部分。

尝试添加

浮动：左

style to

youtubelatestnews

div，它对我有用；-）

额外空间的原因是clear div，它将在左侧元素的下方清除

---

您可以删除clear div，并使用

overflow:hidden。由于没有为其指定高度，溢出样式只会使元素包含其子元素。
在
.box product>div上的边距底部加上
上的边距底部。box
正在合并。
额外的空间有时可能是由清除项的默认高度造成的，
尝试添加
高度：0px
以获得清除

在IE9上我觉得不错。你是在考虑“最新新闻”部分和“信息、客户服务、我的帐户”页脚之间的空间吗？看来你的“清除”div将位于YouTubestNews div的底部。如果它是一个空div，你真的需要它吗？是的，它工作了！我想知道为什么我需要添加float:left；它是主容器，所以我没有考虑添加float:left；是的，我也觉得有点怪。。也许有人稍后会在这里解释，或者发布更符合逻辑的解决方案。无论如何，如果你在最后使用我的解决方法，请接受我的回答；-）@劳里泽&守门员；将float:left指定给content div，因为contentleft div有一个float检查此解释@sandeep感谢解释。。所以正确的解决方案就是Guffa所建议的，或者正如我在回答中所说的那样，只是在包装器中添加那个浮点数？@gatekeeper；Guffa回答是一个快速的解决方案，但它不能解释为什么会出现空白&在你的解决方案中，你给出了答案，但你不知道为什么会出现这种情况。