为了账号安全,请及时绑定邮箱和手机立即绑定

关于浮动的两个问题

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

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

正在回答

2 回答

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

0 回复 有任何疑惑可以回复我~

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

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

0 回复 有任何疑惑可以回复我~
#1

bonny__ 提问者

谢谢解答。
2016-07-01 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
企业网站综合布局实战
  • 参与学习       157043    人
  • 解答问题       1985    个

本课程重点介绍HTML/CSS实现常见企业网站布局的方法

进入课程

关于浮动的两个问题

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信