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

Question

这是当前的设置:

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

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

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

但问题是容器<div>是"youtubelatestnews"底部有太多空间.

这是网站:http://voila.easywebprojects.com/

在<div>我指送是先睹为快:最新消息部分.

Answer 1

额外空间的原因是清除了 div，它也会清除左侧元素下方的内容。

您可以删除清除 div，并overflow: hidden;在 #youtubelatestnews div 上使用。由于您没有为其指定高度，因此溢出样式只会使该元素包含其子元素。