介绍一下标准的 css 的盒子模型？与低版本 IE的盒子模型有什么不同？
解析:
盒子模型有两种，分别是 ie 盒子模型和标准 w3c 盒子模型
W3C 盒子模型的范围包括 margin、border、padding、content，并且 content 部分不
包含其他部分
IE 盒子模型的范围也包括 margin、border、padding、content，和标准 W3C 盒子模型
不同的是：IE 盒子模型的 content 部分包含了 border 和 pading
如何居中 div，如何居中一个浮动元素？如何让绝对定位的 div 居中？
解析:
margin:xpx auto;
确定容器的宽高，这里宽度是必须的，高度可以不设，设置外层的上外边距和左外边距
分别是宽高的一半。
实现居中关键在于 margin设置与 position:relative.
.div {
width:500px ;
height:300px;
margin: -150px 0 0 -250px;
position:relative;
left:50%;
top:50%;
}
position:absolute;
top: 50%;
left: 50%; 只能把 div 定位在以红色圈为起点的位置，加上 margin:-100px 0px 0px
-100
解析:
block :块对象的默认值。用该值为对象之后添加新行
none :隐藏对象。与 visibility 属性的 hidden 值不同，其不为被隐藏的对象保留其物理空
间
inline :内联对象的默认值。用该值将从对象中删除行
compact :分配对象为块对象或基于内容之上的内联对象
marker :指定内容在容器对象之前或之后。要使用此参数，对象必须和:after 及:before 伪
元素一起使用
inline-table :将表格显示为无前后换行的内联对象或内联容器
list-item :将块对象指定为列表项目。并可以添加可选项目标志
run-in :分配对象为块对象或基于内容之上的内联对象
table :将对象作为块元素级的表格显示
position 的值 relative 和 absolute 的定位原点是什么？
解析:
Absolute，CSS 中的写法是：position:absolute; 他的意思是绝对定位，他是参照浏览器的左
上角，配合 TOP、RIGHT、BOTTOM、LEFT(下面简称 TRBL)进行定位，在没有设定 TRBL，默认
依据父级的做标原始点为原始点。如果设定 TRBL 并且父级没有设定 position 属性，那么当
前的 absolute 则以浏览器左上角为原始点进行定位，位置将由 TRBL 决定。
Relative，CSS 中的写法是：position:relative; 他的意思是绝对相对定位，他是参照父级的原
始点为原始点，无父级则以 BODY 的原始点为原始点，配合 TRBL 进行定位，当父级内有
padding 等 CSS 属性时，当前级的原始点则参照父级内容区的原始点进行定位。
display 设置为 inline-block 时，li 与 li之间有看不见的空白间隔是什么原因引起的？有什
解析:
么解决办法？
行框的排列会受到中间空白（回车空格等等）的影响，这些空白也会被应用样式，占据
空间，所以会有间隔
解决：设置 ul 的 font-size 为 0，缺陷是必须重新在 li 中去设置字体大小
