外層元素(如div)中只有一個非空子元素,此時margin是被折疊了。兩者之間取最大的margin值,表現在外層父元素上,而不是內層子元素。
注意:
(1)只有垂直方向上才會出現此現象,水平方向不會出現該現象;
(2)解決方法:
1)給內層子元素添加浮動;
2)在外層父元素內加 padding-top;
3)在外層父元素加 overflow:hidden;
外層元素(如div)中只有一個非空子元素,此時margin是被折疊了。兩者之間取最大的margin值,表現在外層父元素上,而不是內層子元素。
注意:
(1)只有垂直方向上才會出現此現象,水平方向不會出現該現象;
(2)解決方法:
1)給內層子元素添加浮動;
2)在外層父元素內加 padding-top;
3)在外層父元素加 overflow:hidden;
本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。