第三课 DIV两列和三列的布局

注：要让后面的DIV和前面的DIV显示在同一行，那么前面DIV的浮动属性一定要设为左对齐或右对齐
没有浮动属性，每个DIV会自动占一行

1.让两个DIV显示在一行
插入两个ID名分别为DIV1和DIV2，高和宽都为200的DIV，可以看到两个DIV分两行显示，不能显示在一行
解决方法一：编辑DIV1， 方框——浮动，设为左对齐。编辑DIV2，方框——边界，把左的值设为DIV1的宽度200。
解决方法二：编辑DIV1， 方框——浮动，设为左对齐。编辑DIV2，方框——浮动，把值设为右对齐。

2.让这一行的两个DIV居中
新建一个DIV把前面两个DIV的代码复制到这个DIV包括起来，编辑这个DIV，方框——边界，把左和右的值设为自动，这个DIV和它包含的DIV就居中了
注：这个DIV的宽度要等于或大于它所包括的两个DIV宽度的总和，否则又会分正两行显示了

3.让三个DIV显示在一行
选删除最外的DIV，然后在上面的两个DIV后再插入一个宽和高相也为200的DIV，命名为DIV3，可以看到这个DIV又显示到下面一行了
解决方法一：把DIV1浮动设为左对齐，把DIV2左边界偏移200，把DIV3的浮动设为右对齐（注：需要把DIV3的代码复制到DIV2的前面）
解决方法二：把DIV1的浮动设左对齐，把DIV2的浮动也设为左对齐，把DIV3的浮动设为左对齐或右对齐均可，但要设置偏移

3.让三个DIV显示在一行
新建一个DIV把这三个DIV包括起来，并设置这个新建DIV的边界值左和右均为自动，确定即居中了

同一行布局多个DIV时必需给它们设浮动属性