css定位与布局

display属性用来设置元素的显示方式。

display : block | none | inline | inline-block

　　block指块对象，该元素显示为一个方块，默认显示状态下将占据整行，其他元素只能下一行显示。

　　inline对象与block对象相反，它允许其他元素在同一行内显示。

　　还有一个inline-block值，这是指行内块，它既拥有inline的行内属性，但又拥有block的可设宽高的属性。

　　float用来控制元素是否浮动显示。

div{
float:right;
}

　　但要注意以下几点：

　　1.任何申明为 float 的元素自动被设置为一个“块级元素”。

　　2.在标准浏览器中 浮动元素脱离了文档流 ，所以浮动元素后的元素会占据浮动元素本来 应该所处的位置。

　　3.如果水平方向上没有足够的空间容纳浮动元素，则转向下一行 。

　　4.文字内容会围绕在浮动元素周围

　　5.浮动元素只能浮动至左侧或者右侧 。

　　position属性可以给元素定位，可以设置absolute、relative、fixed。

div{
position:absolute;
top:100px;
}

　　absolute:

　　脱离文档流。

　　通过 top,bottom,left,right 定位。

　　如果父元素 position 为 static 时，将以body坐标原点进行定位。

　　如果父元素 position 为 relative 时，将以父元素进行定位。

　　relative:

　　相对定位（相对自己原来的位置而言）

　　不脱离文档流

　　 参考自身静态位置通过 top,bottom,left,right 定位。