工作中使用比較頻繁的
1.絕對定位
position:absolute 通常給子級加上這一屬性;然後給他的父級加上position:relative;
這樣一來就可以相對父級自由地利用top,left,right,bottom定位子級的位置。
優點是脫離文檔流,而且沒有兼容性的問題,用來解決一些相對複雜的佈局十分方便。
2.當一個父級裏的子元素全部有浮動屬性時,爲了讓父級高度正常顯示,最好的辦法是加上overflow:auto
3.當佈局不規範,或者自己感覺有一些奇怪的時候,不妨試試加一個<div style="clear:both"></div>
清除浮動,這樣可以讓佈局恢復正常。
再有就是兼容性問題,各個瀏覽器,各種版本總是難免有一些不同。
儘可能保證佈局的規範性吧。實在不行只能靠csshack了。
盜來一張大神總結的圖片,瞻仰瞻仰。