我注意到,设置边框样式而不指定边框大小会导致将边框添加到您的元素中。
HTML:
<div class="box">
</div>
Run Code Online (Sandbox Code Playgroud)
CSS:
.box
{
width: 200px;
height: 300px;
background-color: green;
border-style: solid;
}
Run Code Online (Sandbox Code Playgroud)
预期的结果:由于没有指定边框的宽度,因此框周围没有边框。
实际结果:黑色的3px边框出现在框周围。
小提琴:http : //jsfiddle.net/Lr7mt/
我想我的问题是,为什么会这样?它是W3C CSS规范的一部分吗?