简单的2列布局

Question

在本页底部,有两列.右侧列包含Twitter提要,左侧列显示YouTube视频和评论部分.列由以下HTML和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">.