<分区>
如果您想要一个内容区域和旁边的两个侧边栏,那么构建网页的好方法是什么?一左一右。这种布局的好例子是 Twitter 和 Quora。
我能想到的一些方法是表格(但我听说这不是一个好的做法)、Bootstrap 网格系统(我尝试使用它,但它似乎并没有给你太多灵 active )和.. .我以前这样做的方式(也许是最不合适的一种),使用 CSS 位置(绝对)属性在内容旁边硬编码两个 div 标签。
这几天听说我可以使用 display: flex 属性。这是一个好的解决方案吗?
最佳答案
是的,只要您不需要支持旧浏览器,flexbox 就是最好的。
这是一个基本示例,但我建议您开始对 HTML 和 CSS 进行更多研究
.wrap {
display: flex;
height: 400px;
}
.sidebar {
background: #ddd;
width: 200px;
padding: 1em;
}
.content {
background: #f5f5f5;
padding: 1em;
flex: 1;
}
<div class="wrap">
<div class="sidebar">Sidebar</div>
<div class="content">Content</div>
</div>
关于html - 使用 HTML 和 CSS 构建侧边栏区域的好方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42013649/