css浮动布局3个div怎么在同一行,默认的div是块级元素,因为每次创建都会占用一行,因此困扰了许多开发者,不过CSS提供了多种功能来解决这个问题,这里要重点介绍的是float方法。
工具/原料
windows7
chrome浏览器
sublimetext3
方法/步骤
1、打开编辑器,新建一个HTML文档,并且设立一下基本的架构。
2、创建一个新的CSS文件,并且关联HTML文件。
3、创建三个div,我们可以看到默认三个div会各自占一行。
4、float:left;我们给三个div都加上这个属性,那么就会位于同一行了。
5、float:right;如果是这样就会浮动到右边。
6、如果只设置一个浮动,那么其它div会覆盖位置,导致看不到。