html - 创建多列布局

标签 html css

我使用 jQuery 和 HTML 已经有一段时间了,但没有大量的 CSS 经验。我一直在四处寻找,发现使用 CSS 可以做出比老式表格布局方法更好的布局。

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

我想制作一个布局 标题/侧边栏/和主要详细信息区域。

最佳答案

我必须同意你的观点,使用 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>

关于html - 创建多列布局,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17635773/

相关文章:

javascript - 如何将代码中的 NaN 更改为 "0"或 "Working..."

Javascript 在执行 2 个函数后失败,即使函数相同

html - 如何使 float 超出其父宽度

javascript - 如何让多个div改变一个div的背景图片

javascript - 在 Highcharts 中动态更改条形图背景颜色

html - 宽度 : Auto not working on dropdown navigation

javascript - Tab 焦点到 JavaScript 中的单选按钮

jquery - 背景图像在jquery中淡入淡出

javascript - 将弹出框固定到固定的导航栏

html - 悬停问题。 HTML 和 CSS