Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 两边的边栏?_Html_Css - Fatal编程技术网

Html 两边的边栏?

Html 两边的边栏?,html,css,Html,Css,我知道这应该是一件简单的事情,但我有太多的编码,我认为可能有什么干扰了这一点。我试图在内容的每一面都制作一个薄的侧边栏。可能是用来做广告什么的 代码如下: <div id="content"> <article> This is a test. </article> </div> <aside id="space"> Hello. </aside> 这就是你想要

我知道这应该是一件简单的事情,但我有太多的编码,我认为可能有什么干扰了这一点。我试图在内容的每一面都制作一个薄的侧边栏。可能是用来做广告什么的

代码如下:

<div id="content">
    <article>
       This is a test.
    </article>
</div>
    <aside id="space">
        Hello.
    </aside>
这就是你想要的吗

HTML

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

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

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

如果需要,您可以在侧边栏中添加边距。

这就是您想要的吗

HTML

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

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

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


如果需要,您可以在侧边栏中添加边距。

HTML很好,但您至少需要一些CSS…和另一个
。没有两个侧边栏就不能有两个。向我们展示一个演示您遇到的问题的侧边栏。我相信通过一个真实的例子(与一个完整的问题相结合),你会很快得到答案。好的,谢谢。从现在开始我会这样做。HTML很好,但你需要一些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;
  }