html自適應(yīng)布局 css能不能實(shí)現(xiàn)左邊div固定寬度,右邊div自適應(yīng)撐滿剩下的寬度?
css能不能實(shí)現(xiàn)左邊div固定寬度,右邊div自適應(yīng)撐滿剩下的寬度?它可以用很多方法實(shí)現(xiàn),最簡(jiǎn)單的方法是使用display:table,但是它不兼容IE7及以下的瀏覽器,但是現(xiàn)在我們可以放棄這些瀏覽器
css能不能實(shí)現(xiàn)左邊div固定寬度,右邊div自適應(yīng)撐滿剩下的寬度?
它可以用很多方法實(shí)現(xiàn),
最簡(jiǎn)單的方法是使用display:table,但是它不兼容IE7及以下的瀏覽器,但是現(xiàn)在我們可以放棄這些瀏覽器
<style>
HTML,body{height:100%}。方框{顯示:表格寬度:100%}。左,。右{顯示:表格單元格高度:100%}。左{寬度:300px背景:#F00}。右{背景:#ff0}
</style>
<div class=“box”>
<div class=“l(fā)eft”>固定寬度區(qū)域</div>
<div class=“Right”>我是自適應(yīng)的</div>
</div>
,例如。左{位置:絕對(duì)寬度:300px}
。右{邊距-左:300px}
請(qǐng)自己試試
flex怎么讓左邊自適應(yīng)右邊固定?
沒(méi)有JS或浮動(dòng),您可以直接使用CSS來(lái)完成此布局。主要代碼如下:#邊欄,#容器{min}-高度:400px/*根據(jù)具體情況*/}側(cè)邊欄{寬度:210px背景色:#ebb058位置:絕對(duì)頂部:0 左:0}#容器{邊距-左:2。
如何通過(guò)CSS實(shí)現(xiàn)一個(gè)左邊固定寬度右邊自適應(yīng)的兩列布局?
一個(gè)頁(yè)面左側(cè)寬度固定,右側(cè)自適應(yīng),右側(cè)div里的圖片(上傳的)太寬,把頁(yè)面撐開(kāi),出現(xiàn)橫向滾動(dòng)條。怎么辦?
房東,關(guān)于你的問(wèn)題,我測(cè)試了ie7-ie9,沒(méi)有你說(shuō)的那么好。顯示正常。添加圖片時(shí),圖片有寬度還是高度?在某些情況下,樣式無(wú)法更改?;蛘呖纯从袥](méi)有什么不對(duì)勁。我希望我的回答能幫助你。如果你不了解情況,就很難找到問(wèn)題。