三列结构布局,左右列有多个div

ICR*_*ICR 1 html css

我有一些看起来像这样的HTML:

<body>
    <div id="panel1" class="panel"> Panel 1 </div>
    <div id="panel2" class="panel"> Panel 2 </div>
    <div id="panel3" class="panel"> Panel 3 </div>
    <div id="panel4" class="panel"> Panel 4 </div>
    <div id="panel5" class="panel"> Panel 5 </div>
    <div id="panel6" class="panel"> Panel 6 </div>
    <div id="panel7" class="panel"> Panel 7 </div>
    <div id="contentheader"> Header </div>
    <div id="content"> Content </div>
</body>
Run Code Online (Sandbox Code Playgroud)

我想要的是一些面板(比方说1-4)在左边浮动,其他面板(5-7)浮在右边,头部和内容在两者之间浮动,理想情况下无需包裹包装div中的左右面板.

Bai*_*ose 5

使用易于使用的CSS框架,如Blueprint CSS,The Golden Grid960.他们为开发基于网格的网站提供了出色的跨平台支持,例如您正在开发的网站.您根本不必担心细节问题.