Display理解
1、display常见属性解释
block默认为block，宽度默认为100%。块状元素有：div、p、h1、form、ul、li。
inline
宽度就是它的文字或图片的宽度，不可改变。行内元素有：span、a、label、input、img、strong、em。
inline-block
将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格。
list-item
该元素作为列表显示。
run-in
根据上下文作为块级元素或内联元素显示。
inherit
继承上一个元素的display属性
2、示例
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<style>
span,div{background-color:#F60;margin-bottom:5px;margin-left:5px;height:50Px;}
</style>
<div style="background-color:#F60">Div默认为 block</div>
<span style="display:block;">加了block属性</span>
<span style="display:inline-block;">加了inline-block属性</span>
<span style="display:inline;">加了inline属性</span>
<span style="display:list-item;">加了list-item属性</span>
<span style="display:run-in;">加了run-in属性</span>
<span style="display:inherit;">加了inherit属性</span>
Position理解
盒子模型分为两种：块状元素和行内元素。前者的独占一行，width默认值是100%，而后者只能在一行内显示，width根据自身内容和元素的宽度来决定。在html流中，块状元素的排列是从上而下，行内元素是从左到右。
2、position的属性解析
static
元素在默认的情况下position属性均为static，此时的属性top、bottom、left、right在position为static的情况下无效。
relative
相对位移就是该元素将偏离元素的默认位置（相对其原来位置进行偏移！！！！right:-90px相当于该对象向右偏移90px；这里可以理解默认位置相对当前位置的偏移值），但普通流中依然保持着原有的默认位置，并没有脱离普通流，只是视觉上发生的偏移。
absolute
该元素的会受到父元素的影响，父元素是relative或者absolute对其的影响比较大；如何没有对父元素进行任何position的设置，那么该元素将对body的右上角进行位置偏移。因此，绝对定位对象可层叠，层叠顺序可通过 z-index 属性控制，z-index值为无单位的整数，大的在最上面，可以有负值。
fixed
会改变行内元素的呈现模式，使display之变更为block；会让元素脱离普通流，不占据空间；默认会覆盖到非定位元素上。
3、position属性的特点
1）块状元素在position（static/relative）情况下的width长度是100%，而设置position:absolute属性以后，width自动转化为auto（前提是：如果没有设置top、bottom、left、right属性的话），此时auto的值即为该元素的“默认位置”。
2）使用relative和absolute时，要同left、right、top、bottom属性一起配合使用，单独使用的话，要在其父元素或者子元素中进行相应的匹配。
4、参考网址
1）http://www.cnblogs.com/coffeedeveloper/p/3145790.html#position
506
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
