1、首先需要打开自己电脑上的DW软件,然后新建一个html页面,并保存在桌面上。
2、然后需要在该html页面的body部分敲入部分代码,基本上就是一个父级DIV下面有三个子级DIV。
3、然后在三个子div中输入文字,在浏览器中测试,查看效果,可以看到默认情况下三个div是竖排显示的。
4、接下来要这四个div赋予class属性,使之具有不同的样。
5、然后为三个中的前两个设置float:left属性,最后一个设置float:right属性,或者是float:left属性,都可以。
6、之后再到浏览器中查看,就可以发现三个div并排显示了。