css中那些你可能没注意到的东西

1、inline元素，添加position:absolute;可定宽高，position:relative;则不行，不信你试试！

2、inline元素添加浮动后，不用加display:block;也可定宽高。

3、inline元素可以添加margin-left,margin-right,padding-left,padding-right,添加margin-top,margin-bottom无效果，padding-top,padding-bottomIE6，7不行，高级的支持！

4、margin-top,margin-bottom,padding-top,padding-bottom用百分比作单位的话，全部是用父级的宽度来计算的：

<style>
#div1{
    width: 400px;
    height: 200px;
    border: 1px solid #f00;
}
#div2{
    width: 200px;
    height: 100px;
    margin: 10% 20%;
    padding: 5% 20%;
    background: #000;
}
</style>
<div id="div1">
    <div id="div2"></div>
</div>

 

5、微软雅黑字体大小问题：

一个中文 = 3个半  = 一个 

一个英文(半角) = 1.75个 

解决方法：中文好办，用  ，英文用全角的或者英文设置成别的字体，不用微软雅黑