三个DIV位于一行的问题

来源:互联网 发布:百度cdn端口 编辑:程序博客网 时间:2024/05/18 02:14

<div id="div1"></div>

<div id="div2"></div>

<div id="div3"></div>

若样式如下:

注意三个DIV的总宽度不可超过其父元素的宽度

#div1{width:xx;height:xx;float:left}

#div2{width:xx;height:xx;float:left}

#div3{width:xx;height:xx;}

如上的样式在IE中是没有问题的,但是在火狐中就会产生第三个DIV飘到了第一个DIV处

解决办法:

为每个DIV都加上一句display:inline;并且第三个DIV也要加上float:left

原创粉丝点击