問(wèn)題描述:css兩欄布局,左側(cè)為作為功能欄,右為內(nèi)容欄期望效果:左欄黑色,右欄白色,背景鳥色,兩欄的高度均為自適應(yīng)。1. 當(dāng)左、右欄內(nèi)容高度均小于當(dāng)前瀏覽器窗口高度時(shí),實(shí)現(xiàn)左欄黑色填滿當(dāng)前瀏覽器窗口高度。2. 當(dāng)右側(cè)內(nèi)容高度大于當(dāng)前瀏覽器窗口高度出現(xiàn)時(shí),實(shí)現(xiàn)左欄黑色填充的高度等于右欄的高度。3. 即無(wú)論什么時(shí)候,左欄黑色始終填滿當(dāng)前文檔的最大高度,其下方不會(huì)出現(xiàn)背景的鳥色。簡(jiǎn)單的 html 結(jié)構(gòu)如下:<div class="container"> <div class="aside">黑貓</div> <div class="article">白貓</div></div>可能是很簡(jiǎn)單的布局問(wèn)題,但依然不恥下問(wèn),謝謝!
css兩欄布局,高度問(wèn)題
紅糖糍粑
2019-03-15 18:15:11