使用HTML和CSS构建侧栏区域的好方法

如果您希望在网页旁边有一个内容区域和两个侧边栏，那么构建网页的好方法是什么。一左一右。Twitter和Quora就是这种布局的好例子

我可以想到的一些方法是表（但我听说这不是一个好的实践）、引导网格系统（我尝试过使用它，但它似乎没有给你太多的灵活性）和。。。我以前这样做的方式（可能是最不合适的方式），使用CSS position（absolute）属性对content-one旁边的两个div标记进行硬编码

---

最近我听说我可以使用display:flex属性。这是一个好的解决方案吗？

下面是一个使用flex的基本示例：

#容器{
显示器：flex；
}
#货柜组{
柔性生长：1；
背景色：红色；
文本对齐：居中；
}
.侧边栏{
最大宽度：150px；
背景色：黄色！重要；
}

左侧侧栏
主要内容
右侧栏

是的，只要您不需要支持旧浏览器，flexbox就是最好的选择之一

这里有一个基本的例子，但我建议您开始对HTML和CSS进行更多的研究

.wrap{
显示器：flex；
高度：400px；
}
.侧边栏{
背景：ddd；
宽度：200px；
填充：1em；
}
.内容{
背景:#f5；
填充：1em；
弹性：1；
}

边栏
内容

谢谢。这很有帮助。但是如果我想让内容位于页面的中心怎么办？我该怎么做？你说的“在页面中心”是什么意思？如果我创建一个容器，它将位于网页的中间，然后我将它一分为二，我会得到一个侧边栏和一个内容区域。但我希望内容区域位于页面的中间，侧边栏稍微关闭一点。。。向右或向左，而不是整个容器。