盒子的定位
static:默认定位（标准流和浮动）
relative（position:relative;）:相对定位（以原来位置为准）
absolute（position:absolute;）:绝对定位(以其包含框为基准，他的包含框是已经定位的父属性，否则是浏览器边框)
fixed:固定定位(类似绝对定位，只以浏览器窗口为基准)
dsplay属性（实现块级元素和行内元素的互相转换或者隐藏）
<body>
<div stype="display:inline">内容1</div>
<div stype="display:inline">内容2</div>
<div style="display:block">内容3</div>
<div style="display:block">内容4</div>
<div style="display:none">内容5</div>
</body>
注：内容1和2原本应分行显示，现改为在同一行内显示；
内容3和4原本应在同一行显示，现改为分行显示；
内容5则不显示（可与javascript合用实现动态效果）。
