首页 > 代码库 > CSS三种定位机制

CSS三种定位机制

标准文档流

块级元素撑满整个页面div,ul,li,dl,dt,p

行级元素可以一行显示多个span,strong,img,input大部分

一般不设置盒子的高度,另其自动调整

margin属性的auto值适用于盒子相对于浏览器的自动居中

浮动

当元素没有设置宽度值,而设置了浮动属性,元素的宽度随着内容的变化而变化。

元素设置浮动属性后,会对后面的元素产生影响(紧邻其后面的元素)。

若设置float=left,则该元素会在其父元素中左移

 

清除浮动:

 

绝对定位( absolute positioning)

CSS三种定位机制