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