css7---浮动定位，对齐（float,align）

float,浮动

在元素的水平方向，left,right进行浮动，直到外框碰到父边缘框或者另外一个浮动元素的外框

浮动对前面元素没有影响，后面的元素会围绕它，右浮动，后面元素将围绕在它左边，左浮动，后面元素围绕在它右边

当一个元素浮动之后，不会影响到 块级框的布局而只会影响内联框（通常是文本）的排列，文档中的普通流就会表现得和浮动框不存在一样，

当浮动框高度超出包含框的时候，也就会出现包含框不会 自动伸高来闭合浮动元素（“高度塌陷”现象）。顾名思义，就是漂浮于普通流之上，像浮云一样，但是只能左右浮动。
正是因为浮动的这种特性，导致本属于普通流中的元素浮动之后，包含框内部由于不存在其他普通流元素了，也就表现出高度为0（高度塌陷）。在实际布局中，往往这并不是我们所希望的，所以需要闭合浮动元素，使其包含框表现出正常的高度。 

几个浮动元素相邻，如果有空间，则彼此相邻，如果空间不够，则换“行”浮动

清除浮动，用clear

 

对齐

包括 文本对齐，元素对齐两种

用法举例：

中心对齐：使用margin属性

margin:auto;
width:70%;

左右对齐：使用position属性

position:absolute;
right:0px;
width:300px;

              使用float属性

float:right;
width:300px;

转载于:https://www.cnblogs.com/kaililikai/p/5787052.html