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

简单列举下老师讲的几个不太对的地方。

    1. 浮动元素的确是脱离了标准文档流。

An element is called out of flow if it is floated, absolutely positioned, or is the root element.(来自W3C文档)

   

     2. 老师说:“当元素设置浮动属性后,会对相邻的元素产生影响,相邻元素特指紧邻后面的元素。”,这样说其实是不对的,按我自己的试验结果,只要后面元素的高度之和不超过前面的浮动元素,那么后面的元素就会被影响,而不仅仅是紧邻的元素。(如图)

http://img1.sycdn.imooc.com//5787d61f00015d1f12220402.jpg

    

    3. 至于当前面是浮动元素时,到底是后面覆盖前面还是前面覆盖后面(不考虑内容),我比较倾向于是前面覆盖后面,因为按照上面的代码测试时发现前面边框的颜色会掩盖后面边框的颜色,特别是设置同样宽度的边框时尤为明显。


另:发这个问题也不是为了讽刺老师,只是单纯地讲一下自己的看法,能免费听课还是很感谢的,当然如果能保证正确性就更好啦。有错误欢迎指出,谢谢!

正在回答

5 回答

你的第二个质疑有问题,box1浮动以后,确实只影响box2,

至于box3是紧随box2的,box3的移动并不能说被box1影响。

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

果然是实践出真知啊

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

浮动脱离了标准流,但实际上并没有完全脱离标准流,浮动是破坏了inline boxes的结构,但仍在container box里面

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

感谢 学习了

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

很好的总结

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

举报

0/150
提交
取消
网页布局基础
  • 参与学习       214704    人
  • 解答问题       1756    个

让你精通CSS中三大定位机制,彻底掌握网页布局的相关知识

进入课程

简单列举下老师讲的几个不太对的地方。

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