1. 程式人生 > >父div 自動適應子div 寬度,撐開瀏覽器的寬度。

父div 自動適應子div 寬度,撐開瀏覽器的寬度。

看到標題的時候,一下子不知道說的是什麼意思?

我解釋一下:

就是在預設的情況下,當我們設定<div style="width:100%;"></div>的時候div的寬度為瀏覽器的寬度。

現在有這樣一個佈局:

<div id='father' style='height:200px;background:green;'>
<div id='content'>content</div>
<div id='child' style='width:4000;height:100;background:red;'></div>
</div>

出來的效果:



當我拖動滾動條的時候,看到子div 已經超過父div的寬度了。這樣很是影響佈局效果。

我們可以讓父div 不受瀏覽器的影響。可以讓父div脫離文件標準輸出流。

效果: