我想用CSS实现以下布局

Question

我不想使用表格。我想制作一个样式文件，以便它可以应用于我想要的所有页面。

它就像一个模板，使用css

注释

我是初学者使用这个“css”是的，有很多教程，这是主要问题。请提供有用的具体示例和链接。

此外，是否可以制作上述模板，使超出单元宽度的控件被包裹？意思是增长但保持在宽度范围内？它应该是

• 页面分为三列，左右和中心
• 以相等宽度的最大和左右为中心
• 这些列分为六行
• 最初等宽的所有行

和

• 将控件置于从上述
获得的单元格内的方法

Answer 1

直接从960.gs查看here或dl。它为您提供了很大的灵活性。如果CSS不是你的东西，它确实需要一些时间来习惯 - 但是一旦你掌握了这些类，它就非常简单了。但是，在大多数情况下使用960.gs是即插即用的IMO。还有其他可用的变体，与960.gs

的固定方法相比，还基于液体布局定义网格

因此，在您的情况下，您可能会使用grid_2和grid_8 CSS类来为您提供列。但是，实际上你应该首先声明行而不是列 - 我认为它会为你提供相同的行。

<div id="mainContent">
    <div class="clear"></div> 
    <div class="container_12" id="row1">
        <div class="grid_2"></div>
        <div class="grid_8"></div>
        <div class="grid_2"></div>
    </div>

    <-- other row declarations here -->

   <div class="clear"></div>
   <div class="container_12" id="row6">
       <div class="grid_2"></div>
       <div class="grid_8"></div>
       <div class="grid_2"></div>
   </div>
</div>