html - css中的简单布局

Question

我尝试了几个小时自己的布局，但我仍然有问题。我想要:http://img191.imageshack.us/img191/1243/schemal.png

我希望 body 是灵活的。页面最大宽度 900px。我无法应对 float 和清除。

实例:http://jsfiddle.net/eTEz2/

感谢您的帮助!

Answer 1

稍微重新排列 HTML 后(移动所有侧边栏元素以彼此对齐 - oneleft、oneright、twoleft 等...)，我重新创建了该效果，假设您希望正文包含 float 元素，并在下面溢出，with this jsfiddle .

如果这不是您想要的效果，我建议您重新排列 HTML 以包含三列，如下所示:

<div class="column-left"></div>
<div class="column"></div>
<div class="column-right"></div>

在这些 div 中，你可以拥有任何你想要的元素，你只需要在此处 float 左右列。