网页中如何让三个DIV同时并列?

Question

网页中如何让三个DIV同时并列

Answer 1

and1和and2都设置左浮动float:left。and3可以设置float:left也可以设置float:right。也可以不定义。最好三个都定义float:left，然后在and3后面加个div设置clear:both清除浮动属性

Answer 2

1、在需要的html页面的body部分敲入代码，基本上是一个父级DIV下面有三个子级DIV。12345<div>&nbsp;&nbsp;&nbsp;&nbsp;<div></div>&nbsp;&nbsp;&nbsp;&nbsp;<div></div>&nbsp;&nbsp;&nbsp;&nbsp;<div></div></div>2、然后在三个子div中输入文字，然后在浏览器中测试，查看效果，可以看到默认情况下三个div是竖排显示的。12345<div>&nbsp;&nbsp;&nbsp;&nbsp;<div>明天</div>&nbsp;&nbsp;&nbsp;&nbsp;<div>你好</div>&nbsp;&nbsp;&nbsp;&nbsp;<div>牛奶咖啡</div></div>3、接下来对三个div进行class设置，如下图所示。4、然后只需要为三个中的前两个设置float:left属性，最后一个设置float:right属性，或者是float:left属性，都可以实现并排排列。5、之后再到浏览器中查看，就可以发现三个div并排显示了。如下图所示。