首页 文章

CSS布局 - 3列有弹性背景

提问于
浏览 次
0

我正在构建一个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>
css fluid-layout

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;
    }
    回复于

相关问题