天天看點

css禁止float浮動元素自動換行/定位問題

<div style="width:100px; overflow:hidden;">

<div style="width:1000000px;">

<div style="float:left;width:100px;">

n個這個元素(總小100000px);

</div>

</div>

</div>

關鍵就是在hidden元素内部再放一個div,然後設定足夠大的空間,容浮動對象,不讓它碰到到邊而換行.

css禁止float浮動元素自動換行/定位問題

如果浮動+定位position配合,将需要給浮動元素的父元素加上width和height,要不,可能會出現父元素雖然經過清除浮動還是0空間大小,而顯示不出内容

css