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>是潜行的偷看＆amp;最新消息部分。

Answer 1

尝试将float:left;样式添加到youtubelatestnews div，它对我有用; - ）

Answer 2

额外空间的原因是明确的div，它也会清除左边的元素。

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

Answer 3

.box-product > div上的边距底部加上.box上的边距底部正在合并。

Answer 4

额外空间有时可能是由清除项目的默认高度引起的， 尝试为明文添加height:0px。

http://jsfiddle.net/1hotquwf/8/