div+css外联块的横排浮动。

Dreamweaver cc 2014

div+css

【第一步】打开Dreamweaver cc  2014软件，选择建立html界面，里面自动生成一些必要代码的代码格式，节约时间。

【第二步】在body标签内输入：

【第三步】在相对靠前的位置，输入这里的.Odiv1要跟div里的标签一一对应，这样就获得三个颜色不同的图形，在软件里摁F12键，观察效果。

【第四步】把的样式完善，如：这样，就可以三个色块浮动起来，形成横向排列，摁住F12观察效果。