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

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

你可能感兴趣的:(三个div,一个左浮动,一个右浮动,另外一个不浮动引发的样式问题)