基本上我想实现与侧栏导航固定3点布局,但CSS:3个栏布局与固定侧栏导航
position:fixed
上浮动财产
这是没有发挥好我现在有:
<div id="container">
<sidebar>
<!-- MENU -->
</sidebar>
<div class="middle-panel">
<!-- MIDDLE STUFF LIKE SEARCH BUTTON -->
</div>
<div class="main-content">
<!-- MAIN STUFF COMES HERE -->
</div>
</div>
CSS
html, body
{
height: 100%;
}
#container
{
height: 100%;
}
sidebar
{
display: block;
width: 350px;
float: left;
z-index: 4;
position: fixed;
height: 100%;
}
.middle-panel
{
float: left;
width: 80px;
height: 100%;
}
.main-content
{
height: 100%
}
1)目前,如果我不删除位置:固定然后中间面板持股量将不会被应用,但我希望有一个固定的侧栏。有什么建议么 ? 2)我也想到使用bootstrap使它响应。这将如何与这个布局一起工作。
这是布局应该什么样子:
耶差不多,但在中间面板现在的宽度是不推动的主要内容:/ – Unsparing
添加一个余裕:__px;到主内容分区 –