Question

我在div中有一个div，当在IE6中查看网页时，它不显示div class =“video-tour”的底部和div class =“content-body”的底部之间的间距< / p>

以下是IE6中的内容：http://i42.tinypic.com/20zs7s7.png

以下是在Safari中正确显示的内容：http://i44.tinypic.com/2h69de1.png

.video-tour的css＆lt; - 如你所见，有多个视频被分成不同的盒子，宽度为31％

.video-tour {
    float:left;
    width:31%;
    border:1px solid #fdbe2f;
    background-color:#ffc;
    text-align:center;
    padding:3px;
    overflow:auto;
    margin:6px;
}

.video-tour img {
    border:1px solid #fdbe2f;
    padding:3px;
}

.content-body的CSS，其中.video-tour在

之内

.content-body {
    padding:10px 15px;
    font-size:.8em;
    font-family:arial;
    overflow:auto;
}

为什么IE6底部没有间距以及其他浏览器中的间距会有所帮助。

Answer 1

尝试在具有清晰风格的视频导览后在底部添加div：两者。

Answer 2

我相信它是因为你需要清除花车。

您可以尝试放置

<div style="width: 100%; overflow: hidden;"><!-- floats go here --></div>

围绕整个内容进行视频导览。

div底部和div之间没有空格

2 个答案: