CSS(一)清除浮动

问题1:关于清除浮动




    
    Document
    


    
box1
box2
box3

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

以上是浮动事故发生现场,截图如下:



和box加了margin之后


当我们在style中写个样式p{clear:both;}问题解决。
因此,以后遇到这种情况可以创建一个空的p然后加入样式clear:both解决
这就是关于清楚浮动,总计有三种方法

  • 添加子元素并且写上clear:both
  • 在父元素.father中添加overflow:hidden.
  • 使用after伪对象清除,但是此方法只适用于IE8以上的(待补)

问题2:关于脱离文档流




    
    Document
    


    
    

我是测试文字

你可能感兴趣的:(CSS(一)清除浮动)