position:fixed定位時 “高度坍塌” 問題的解決


問題:對於固定定位的元素,固定住高度,后面緊跟的模塊會當做前面的固定元素不存在似的,這給布局帶來了困擾

       

 

解決方法:

1.給第二個模塊div設置margin-top的值,margin-top的值設為大於等於固定定位模塊的高度

2.這個方法是百度百科手機頁面用的,先為固定定位元素設一個父元素,不設高度,不設寬度,什么都不設,他的第一個子元素是我們需要做固定定位的元素,這個按照需求寫好樣式,此時,父元素的高度依然是0,如何使得父元素有高度呢,父元素有了高度,后面來的模塊就不用設置margin-top的值了,我們只要在固定定位元素后面寫一個同等高度的空div便解決了,這時父元素就有高度了,而且正是我們需要的高度,這個空的div像一根柱子,支撐起了這個空中樓閣。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM