父元素不設置高度,由子元素內容撐開無效果的問題


父元素不隨子元素內容撐開可能是子元素設置了浮動,可以通過清除浮動解決這個問題。

清除浮動的方法:

1.在父元素上添加overflow:hidden;zoom:1;

 

 2.給父元素設置固定的高度

3.在父div中在添加一個清除浮動的子div<div style=" clear:both;"></div>,該div不設置任何樣式,只用來清除浮動

 

 

4.設置父div也為浮動元素float:left;,這樣設置的壞處是不能用margin:auto;實現居中

5.設置父元素display:inline-block;,這樣設置的壞處是不能用margin:auto;實現居中

6.在父div中添加<br clear="both">子元素

7.給父元素引用clearfix樣式

  clearfix{

    zoom:1;

  }

  clearfix:after{

    content:"";

    display:block;

    claer:both;

  }


免責聲明!

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



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