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

为left类的div标签的宽度为800px, rigth类的div标签的宽度为140px,而总的有960px,不是还有20px的空隙吗,为什么放不下?

正在回答

1 回答

主要是因为第二个子层的高度比第一个子层高,在IE8和现代浏览器如FF,safari等中,当第二个子层没有设置浮动的时候,会换行显示,在低版本浏览器如IE6,IE7中不存在这个问题,一般出现类似问题,大多数都是尺寸大于父层导致的,应该是定式思维导致的口误,设置浮动的元素没有脱离标准文档流,设置浮动的元素仍旧占据页面空间,这一点就足以说明了,所以同学你的猜想是不对的。脱离标准文档流的元素,一定是不会占据标准文档流里的空间的,紧邻其后的元素会填满它所在的位置,并且脱离标准文档流的元素会对占据它位置,甚至其他网页元素进行遮盖

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

张钻研

按照你的力量,如果left后面直接跟着一个<p>test</p>为什么它就会紧跟着left块后面显示? left脱离了标准稳定流,p不是应该会占据left之前的位置吗? 感觉没有float属性的right就是这么显示的
2014-08-23 回复 有任何疑惑可以回复我~

举报

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

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

进入课程
意见反馈 帮助中心 APP下载
官方微信