基本上我想實現與側欄導航固定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;到主內容分區 –