CSS 布局的 3 种机制分别是普通流（标准流）、浮动和定位。
（1） 块级元素会独占一行，从上向下顺序排列；
（2） 行内元素会按照顺序，从左到右顺序排列，碰到父元素边缘则自动换行；
让盒子从普通流中浮起来,主要作用让多个块级盒子一行显示。
将盒子定在浏览器的某一个位置——CSS 离不开定位，特别是后面的 js 特效。
1、新建一个html文件，命名为test.html，用于讲解html+css怎么在图片上添加文字。
方法/步骤首先我们找到桌面的Dreamweaver执行文件新建的命令，快捷键是CTRL+n创建一个空白的HTML然后找上面的窗口，我们点击下拉菜单我们点击工作区布局里面好多布局，我么恢复到经典的我们在这个地方也设置我们的工作布局
表格布局与框架布局其实差不多，可以放在一块说。
优点：浏览器解析比较准确，一般不会出现错误；
缺点：不够灵活，且样式单一，难维护
优点：布局灵活，能够实现样式与结构的完全分离，易于维护，能够有更多的创意；
缺点：各个浏览器在解析上存在一定的区别，需要针对不同浏览器进行专门的代码优化。
随着网页技术的发展，表格布局基本已经被淘汰，主流的是Div+Css的技术。
对div设置一个float浮动属性即可解决不并排显示，只要并排div盒子总宽度小于或等于最外层盒子宽度即可实现多个div对象并排显示。
加float浮动实现多个div并排显示。
这里对div通设一个浮动，当然实际使用时候，要通排显示div对象的加入css类，就对要同行显示css选择器设置浮动。避免其它不需要设置的也被加入浮动样式。
加入display:inline即可解决实现同行并排显示div盒子对象。