关于div的浮动及居中问题

一、如何设置div浮动

设置div的css样式float : left，成功浮动

DIV设置浮动float以后下一个DIV要换行的方法
在原有的样式上添加clear : both，使图像的左侧和右侧均不允许出现浮动；
clear 属性定义了元素的哪边上不允许出现浮动元素。

二、如何设置div居中

1、盒子本身及内部的盒子都未浮动时：使用align=“center”

<div align="center">
     <div>内容</div>
 </div>

2、若盒子浮动后则使用一个未设置浮动的盒子将其套入，之后设置外部盒子的css样式margin：0 auto；（切记设置外部盒子的宽高）

  <div style="margin: 0 auto; width: 1100px; height: 700px;">
  /*外部盒子的宽为内部盒子宽的总和*/
  <div style="float: left; background-color: yellow; width:200px;height:700px">
  </div>
  
   <div style="float: left; background-color: red; width:700px;height:700px">
  </div>
  
   <div style="float: left; background-color: black; width:200px;height:700px">
  </div>
  
 </div>

3、若设置了样式：position : absolute ;
则在设置margin : 0 auto; 的基础上再设置： right: 0; left: 0;