0

在这个页面的底部，有两列。右栏包含推特供稿，左栏显示 YouTube 视频和评论部分。这些列由以下 HTML 和 CSS 创建

.leftCol {
    margin-right: 365px;
}

.rightCol {
    float: right;
    margin-bottom: 10px;
    width: 355px;
}

<div class="rightCol">
<div>

<div class="leftCol">
<div>

但是由于我不明白的原因，左侧栏不会滑入右侧栏左侧的空白空间。

4

2 回答 2

6

只需clear: both;从<h2 class="banner bgImage video">.

于 2012-08-18T18:05:57.083 回答
0

.leftCol将您的样式更改为：

.leftCol {
    float: left;
    width: 365px;
}

边距在左列右侧产生空间错觉。

于 2012-08-18T18:05:44.173 回答