CSS 布局不符合预期

Question

我正在尝试创建如下布局

这是我使用的 CSS

#leftcol { width:15%; position:fixed; float:left;background-color:aliceblue;}
#main { width:50%; height:400px; float:right;background-color:black;}
#comments { display:block; width:50%; float:right; height: 500px; }

这是我的 Div 的布局方式

<div id="leftcol"></div>
<div id="main"></div>
<div id="comments"></div>

看来我错过了什么。有什么帮助吗？每个 div 的高度应该灵活以适应它的内容

Answer 1

我想你想在你的评论中添加一个 clear

clear: right;

http://jsfiddle.net/x9rZj/1/