上下兩欄的css布局，外圍的高度根據(jù)窗口大小而變動當(dāng) top 高度固定的時(shí)候怎么寫bottom = wrap - top
1 回答
慕的地6264312
TA貢獻(xiàn)1817條經(jīng)驗(yàn) 獲得超6個(gè)贊
若要子容器填充父容器的話的設(shè)置。 bottom {height:100%; }
然后將top定位到warp頂部。 top {position: absolute; top: 0; height: 100px;}
此時(shí)top會覆蓋到bottom上方,所以需要將bottom向下移動。 .warp {padding: 100px}
就ok了，但是會有一個(gè)問題就是warp的實(shí)際高度是width + padding-top。
.wrap { height: 90%; background: green; color: #FFF; position: relative; padding-top: 100px;
}#top { background: blue; height: 100px; width: 100%; position: absolute; top: 0;
}#bottom { background: red; height: 100%;
}你說的top高度不固定是指bottom高度是固定的嗎？那樣的話只需要調(diào)換一下位置就好了 一樣的寫法。
<p>...</p>
添加回答
舉報(bào)
0/150
提交
取消