简单的2列布局

Question

在this page的底部，有两列。右侧列包含Twitter提要，左侧列显示YouTube视频和评论部分。这些列由以下HTML＆amp; CSS

.leftCol {
    margin-right: 365px;
}

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

<div class="rightCol">
<div>

<div class="leftCol">
<div>

但由于我不明白的原因，左栏不会向右滑动到右侧栏左侧的空位。

Answer 1

只需从clear: both;的内联样式中删除<h2 class="banner bgImage video">。

Answer 2

将您的.leftCol样式更改为：

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

边距正在左栏右侧创造一个空间错觉。