Html 三列布局，左右列中有多个div
我有一些HTML，如下所示：Html 三列布局，左右列中有多个div,html,css,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="pa
<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>
小组1
小组2
小组3
小组4
小组5
小组6
小组7
标题
内容
我希望一些面板（比如1-4）在左侧浮动，其他面板（5-7）在右侧浮动，标题和内容在两者之间，理想情况下不必将左右面板包装在包装器div中。使用易于使用的CSS框架，如，或。他们拥有优秀的跨平台支持，可以开发基于网格的网站，比如您正在开发的网站。您根本不必担心细节。使用易于使用的CSS框架，如，或。他们拥有优秀的跨平台支持，可以开发基于网格的网站，比如您正在开发的网站。你根本不必担心细节。把#contentHeader和#content包装在一个div中，像你的一个面板一样浮动怎么样？你必须把它放在他们中间。。。（第1、2、3、4部分，第5、6、7节） 我想，这取决于你对面板和内容宽度的了解。把#contentHeader和#content包装在一个div中，像你的一个面板一样浮动怎么样？你必须把它放在他们中间。。。（第1、2、3、4部分，第5、6、7节）
取决于你对面板和内容宽度的了解，我想说。如果你知道面板的宽度（左、右、标题和内容）和标题的高度，你可以给标题和内容一个{position:absolute；}并将其放置在面板之间 如果你不知道内容的宽度，你可能会遇到一些IE问题
（只是猜测，我没有试过）如果你知道面板的宽度（左、右、标题和内容）和标题的高度，你可以给标题和内容一个{position:absolute；}并将其放置在面板之间 如果你不知道内容的宽度，你可能会遇到一些IE问题
（只是猜测，我还没有尝试过）答案完全取决于您希望中间的列是固定宽度还是流体 如果固定宽度，您的生活将更加轻松，您可以使用几种流行的CSS网格系统之一：、等
如果是流体，则应使用。答案完全取决于您希望中间列是固定宽度还是流体 如果固定宽度，您的生活将更加轻松，您可以使用几种流行的CSS网格系统之一：、等 如果是液体，则应使用