0

我正在构建一个 3 列的流体布局，并且已经完成了 90%。我想知道暗示背景或侧边栏的最佳方式是什么 - 但是你想看看它。

在此处输入图像描述

我有一个很好的 box hack，它以我的主要内容区域为中心，现在我需要暗示你在两边看到的两条条纹，它们在各自的内部边框上有一个 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>
4

1 回答 1

0 
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;
    }
于 2012-04-20T22:25:31.950 回答