解決子元素設置margin-top,效果到父元素上的問題


有時當我們設置子元素的margin-top,但是卻發現子元素沒有出現上外邊距的效果,反而是父元素出現了上外邊距的效果。

這種問題的解決方法如下:

1.給父元素加邊框。

2.給父元素設置padding-top來代替給子元素設置margin-top。

3.內容生成(推薦)。代碼如下:

element(父元素):before{

  content:'';

  display:table;

}

 


免責聲明!

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



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