一、如何设置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;