Question

我正在构建一个3柱流体布局，并且已经有90％的路径。我想知道什么是最好的方式来暗示背景或侧边栏 - 但是你想看看它。

enter image description here

我有一个很好的盒子黑客，它是我的主要内容区域的中心，现在我需要在两边看到两条条纹，它们在相应的内边框上有一个小的1px边框。

我可以创建一个宽度为1000像素的1px高条纹，但我觉得有更好的方法可以做到这一点 - 可能使用纯CSS？

我现在正在看这里的5列布局，还是这仍然是一个三柱流体？

如果有人能为这种布局提供一个好的模式或链接（它可能是现在最常见的，呵呵？）我真的很喜欢它！

这是我目前的流体包装代码：

css：

body
    {
        margin: 10px 0px;
        padding: 0px;
        text-align: center;
    }
    #siteWrapper
    {
        width: 980px;
        margin: 0px auto;
        text-align: left;
        padding: 15px;
        background-color: #fff;
    }

HTML

<body>

<div id="siteWrapper">
</div>

</body>

Answer 1

body
{
    margin: 10px 0px;
    padding: 0px;
    text-align: center;
    background: whatevercolor;
}
 #siteWrapper
    {
        width: 980px;
        margin: 0px auto;
        text-align: left;
        padding: 15px;
        background-color: #fff;
        border-left: whatever;
        border-right: whatever;
    }

CSS布局 - 3列有弹性背景

1 个答案: