每边的边栏？

我知道这应该是一件简单的事情，但我有这么多的编码，我认为可能会干扰这一点。我正在尝试在内容的每一侧制作一个精简的侧边栏。也许用于广告或其他东西。每边的边栏？

下面的代码：

<div id="content"> 
    <article> 
     This is a test. 
    </article> 
</div> 
    <aside id="space"> 
     Hello. 
    </aside>

有什么不对的呢？

编辑： 我知道这不是两个侧边栏。我需要先做一件事，哈哈。

下面是它的CSS，如果它可以帮助任何：

#content{ 
    float: left; 
    width: 1366px; 
    height: 350px; 
} 
article { 
    background: #F5F5F5; 
    border: 1px solid grey; 
    padding: 10px; 
    margin: 0px 325px; 
    height: 325px; 
    width: 660x; 
    -webkit-box-shadow: rgb(110,110,110) 5px 5px 100px inset; 
} 
#space{ 
    float: left; 
    width: 20px; 
    height: 40px; 
    margin: 10px 0px; 
    padding: 20px; 
    background: #66CCCC

来源

2012-12-12 user1888664

HTML很好，但你需要一些CSS ... –

另一个'

向我们展示一个[jsFiddle]（http://jsfiddle.net/），演示您遇到的问题。我确信，通过一个真实的例子（与完整的问题配对），您将很快得到答案。 – ghoti

这是你想要的吗？

HTML

<aside id="left"> 
    left 
    </aside> 

    <div id="content"> 
    <article> 
     This is a test. 
    </article> 
    </div> 

    <aside id="right"> 
    right 
    </aside>

CSS

body { 
     width: 80%; 
     margin: 0 auto; 
    } 

    #left, #content, #right { 
    float: left; 

     text-align: center; 
    } 

    #left, #right { 
     width: 15%; 
     background-color: #eee; 
    } 

    #content { 
     width: 70%; 
     background-color: #aaa; 
    }

http://jsfiddle.net/fYFX6/

，如果你愿意，你可以添加利润率的侧边栏。

来源

2012-12-12 19:01:35 tryzor

是的，非常感谢！ – user1888664

每边的边栏？

回答

相关问题