使用最新的Google Chrome:
在只有这个内部主体的页面上:
<div class="personicon"></div>
和以下CSS:
.personicon { display:table-cell; width:100px; height:100px; background-color:#ECECEC; border:1px solid #BBBBBB; Box-sizing:border-Box; }
实际外部尺寸(包括边框):100px×102px(预期:100px×100px)
没有Box-sizing:border-Box,外部尺寸为102px×102px(如预期的那样).
为什么是盒子大小:边框只适用于宽度而不是高度?
谢谢 :-)