0

At the bottom of this page, there are two columns. The right-hand column contains a twitter feed and the left-hand column shows a YouTube video and a comments section. The columns are created by the following HTML & CSS

.leftCol {
    margin-right: 365px;
}

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

<div class="rightCol">
<div>

<div class="leftCol">
<div>

But for reasons I don't understand, the left-hand column doesn't slide up into the vacant space to the left of the the right-hand column.

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 に答える