寫幾個佈局方面的細節

工作中使用比較頻繁的


1.絕對定位

position:absolute 通常給子級加上這一屬性;然後給他的父級加上position:relative;

這樣一來就可以相對父級自由地利用top,left,right,bottom定位子級的位置。

優點是脫離文檔流,而且沒有兼容性的問題,用來解決一些相對複雜的佈局十分方便。


2.當一個父級裏的子元素全部有浮動屬性時,爲了讓父級高度正常顯示,最好的辦法是加上overflow:auto


3.當佈局不規範,或者自己感覺有一些奇怪的時候,不妨試試加一個<div style="clear:both"></div>

清除浮動,這樣可以讓佈局恢復正常。


再有就是兼容性問題,各個瀏覽器,各種版本總是難免有一些不同。

儘可能保證佈局的規範性吧。實在不行只能靠csshack了。

盜來一張大神總結的圖片,瞻仰瞻仰。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章