三个div,一个左浮动,一个有浮动,另外一个不浮动引发的样式问题

来源:互联网 发布:ios面试题 知乎 编辑:程序博客网 时间:2024/05/21 15:04

在设计页面时,我们经常遇到这种情况,一个div设置了左浮动,另一个div设置了右浮动,而因为浮动起来后,这两个div就不占据页面空间了,所以后面的div,就会显示在这两个div的下面,就像这种情况
这里写图片描述这可不是我们想要的!解决办法就是给 黄色的div添加一个属性divYellow:display:inline-block;这样他们都变成了行内块级元素了,效果就变成了我们想要的了
这里写图片描述

原创粉丝点击