问答详情
源自:2-4 浮动 float

关于浮动的两个问题

1、设置了浮动的元素,到底还在不在标准文档流中?

2、一般如果有两个div,对前一个div设置了浮动,后一个div就会受到前一个的浮动影响而自动排到第一个div后面,而这里老师讲的是两个div都需要设置浮动才会依次排列,这是为什么?

提问者:bonny__ 2016-06-30 16:27

个回答

  • anfly
    2016-06-30 19:17:04

    其实我们可以用在水底和水面来打个比方,两个块级元素等于在没有设置浮动前等于是两块沉在水底的木头,设置了第一块木头浮动,它浮上水面,后面一块元素还在水底因为元素的特性它会顶替浮上来这块元素的位置,那浮上来的元素去哪里了?在水面上。我们的视角看页面等于是我们垂直的从水面往水底看,所以才会出现重叠的视角。

  • anfly
    2016-06-30 19:11:38

    1,如果一个块级元素设置了浮动就脱离了原来的文档流,后面的块级元素就会无视浮动的浮动了的元素顶上来,所以会出现重叠的现象。

    2,如果有两个div第一个设置浮动后后一个div就会顶替第一个的位置,那第一个会悬浮在第二个顶上来的div的上方,要使他们能依次排列只有把后面的div同样设置浮动这样才可以,相当于浮在水面上的木头才会依次排列,一块在水底一块在水面我们重上往下看的角度他们是不会依次排列的只会重叠。