Chromevs.box-sizing:border-boxinadisplay:table我正在使用display:table做一个小的2窗格布局。对于间距(也来自背景图像)，我使用padding。由于我需要孩子从可用空间中获得精确的width:50%(考虑到父div的填充)，所以我使用box-sizing:border-box.这在Opera中运行良好，但在Chrome中，box-sizing:border-box甚至-webkit-box-sizing:border-box会被默默忽略。我做了一个演示来说明这个问题。两个红框应该是方形的，蓝框应该是宽高200px：http://jsfid

Chromevs.box-sizing:border-boxinadisplay:table我正在使用display:table做一个小的2窗格布局。对于间距(也来自背景图像)，我使用padding。由于我需要孩子从可用空间中获得精确的width:50%(考虑到父div的填充)，所以我使用box-sizing:border-box.这在Opera中运行良好，但在Chrome中，box-sizing:border-box甚至-webkit-box-sizing:border-box会被默默忽略。我做了一个演示来说明这个问题。两个红框应该是方形的，蓝框应该是宽高200px：http://jsfid

box-shadowbox-shadow表示盒阴影，可以给元素设置阴影效果，如果我们设置向下的阴影效果:.wrapper{position:fixed;left:0;top:0,bottom:0,right:0,background-color:red;box-shadow:03px5pxrgba(0,0,0,.3)}以上box-shadow中的0表示水平偏移，3px表示垂直偏移，5px表示模糊大小，​​rgba(0,0,0,0.3)​​表示投影的颜色。常用的投影效果主要由偏移、模糊、颜色组成。无论是投影效果还是盒阴影，光源都默认在左上角，所以水平偏移如果是整数则表示投影偏右，如果是负数则表示

box-shadowbox-shadow表示盒阴影，可以给元素设置阴影效果，如果我们设置向下的阴影效果:.wrapper{position:fixed;left:0;top:0,bottom:0,right:0,background-color:red;box-shadow:03px5pxrgba(0,0,0,.3)}以上box-shadow中的0表示水平偏移，3px表示垂直偏移，5px表示模糊大小，​​rgba(0,0,0,0.3)​​表示投影的颜色。常用的投影效果主要由偏移、模糊、颜色组成。无论是投影效果还是盒阴影，光源都默认在左上角，所以水平偏移如果是整数则表示投影偏右，如果是负数则表示