div{position:absolute;left:20px;right:20px;}div{position:absolute;top:20px;bottom:20px;}//但不知道为什么不行内部尺寸与流体特性包裹性除了“包裹”（max-width:100%），还有“自适应性（元素尺寸由内部元素决定，但永远小于“包含块”容器的尺寸）”
文字少的时候居中显示，文字超过一行的时候居左显示
但是有些元素，如图片这样的替换元素，其内容显然不是文字，不存在字符盒子之类的，因此，对于这些元素，内容区域可以看成元素自身
三道杠
.icon-menu{width:120px;height:20px;border-top:60pxdouble;border-bottom:20pxsolid;}border-color和colorborder-color默认颜色就是color色值;没有指定border-color颜色值的时候，会使用当前元素的color计算值作为边框色border与透明边框技巧增加点击区域大小.icon-clear{width:16px;height:16px;border:11pxsolidtransparent;}字母x—CSS世界中隐匿的举足轻重的角色字母x与CSS中的x-height
如果我们仅设置了一个方向的绝对定位,没有设置方向依然保持了相对特性
设置了对立定位属性的绝对定位元素的表现神似普通的
当relative进行定位偏移的时候，一般情况下不会影响周围元素的布局
em相对于当前元素，
rem相对于根元素，本质差别在于当前元素是多变的，根元素是固定的，也就是说，如果使用rem，我们的计算值不会受当前元素font-size大小的影响
html{font:menu;}body{font-size:16px;}html{font:small-caption;}body{font-size:16px;}html{font:status-bar;}body{font-size:16px;}让网页的字体跟系统走
@font-face{font-family:'example';src:url(example.ttf);font-style:normal;font-weight:normal;unicode-range:U+0025-00FF;}