Question

我想在我当前的网站上添加两个侧边栏，但我很困惑如何做到这一点。我是否将其添加到包装器外？我试图将它添加到包装器中，但是如果我这样做的话它会保持在顶部。

感谢所有帮助，我很感激

enter code here

Answer 1

要向左和向右添加列，我们需要将标记示例正确写为：

  <div class="wrapper">
<div class="left-side"> </ div>
<div class="center"> </ div>
<div class="right-side"> </ div>
</ div>

在样式表中指定正确的属性

Answer 2

将css float:left添加到侧边栏和主要内容以及宽度。浮子将使它们彼此相邻排列。

您可能还想查看像Boostrap这样的CSS框架，它提供了许多预先制作的布局类，以及example templates。使用Bootstrap，您的html将与此类似：

<div class="row">
    <div role="aside" id="sidebar1" class="col-md-3"></div>
    <div role="main" id="main" class="col-md-6"></div>
    <div role="aside" id="sidebar2" class="col-md-3"></div>
</div>

添加两个侧边栏

2 个答案: