html - 创建多列布局

Question

我使用 jQuery 和 HTML 已有很长时间，但没有大量的 CSS 经验。我一直在四处搜索，发现使用 CSS 可以做出比使用旧学校表格布局方法更好的布局。

但是，我发现的所有内容似乎都需要更多工作，有时似乎并不兼容。

我想做一个布局标题/侧边栏/和主要细节区域。

Answer 1

我必须同意你的看法，使用 CSS 创建布局非常困难。然而，有一个类似于 jQuery 的库是对 JavaScript 的调用 Twitter Bootstrap这使您的目标变得非常容易。我强烈建议调查一下。

Twitter Bootstrap - Scaffolding

<div class="row-fluid">
    Header
</div>
<div class="row-fluid">
    <div class="span2">Side Bar</div>
    <div class="span10">Detail Area</div>
</div>