1

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

这是代码：

<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
4

1 回答 1

1

那是你要的吗？

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-12T19:01:35.523 回答