关于css浮动下陷的的解决办法

2016-02-23 17:11:57
浮动使用起来真的很顺手,但是你,RT,在我们使用完浮动的时候,发现本来应该显示在在parent后面other显示在了a的位置,这就是所谓的--浮动下陷。
 
 
  •  
 
  •  
 
 
 
 
 
1.在父级parent添加样式 overflow:hidden。
 
 
 
2.给父级添加高度(这是已知parent的高度的时候)
但是一般我们遇到a,b高度都是未知的,所以此方法不推荐。
 
3.父级添加浮动(添加左浮动)
 
4. 不使用浮动,子级使用inline-block;
即a,b模块不使用浮动,给他们分别添加样式 display:inline-block
 
5.在parent后面添加清楚浮动
 
 
  .clear{clear:both}

关于

联系方式 :

mail: hey_cool@163.com ,
QQ:583459700

备案许可证编号:蜀ICP备16005545号-1 © COPYRIGHT 2015-2024 zhmzjl.com | by: KAPO