Css 为什么引导中列的宽度包含填充
根据W3school,heigh和width不包括padding和margin,但是,在引导中,col-,比方说,col-md-3将设置width=25%,但是这包括padding,为什么Css 为什么引导中列的宽度包含填充,css,web,twitter-bootstrap-3,Css,Web,Twitter Bootstrap 3,根据W3school,heigh和width不包括padding和margin,但是,在引导中,col-,比方说,col-md-3将设置width=25%,但是这包括padding,为什么 <div class="text-center"> <div class="row"> <div class="col-md-4"> <div class="well">.col-md-4</div> </div
<div class="text-center">
<div class="row">
<div class="col-md-4">
<div class="well">.col-md-4</div>
</div>
<div class="col-md-4">
<div class="well">.col-md-4</div>
</div>
<div class="col-md-4">
<div class="well">.col-md-4</div>
</div>
</div>
</div>
.col-md-4
.col-md-4
.col-md-4
每列的宽度为33.33%*行的宽度=436.67px
根据每个列的布局,我们可以看到实际宽度(436.67px)=填充+内容宽度。我认为内容宽度应该是436.67px?为什么我错了?在引导css中有一条规则:
* {
box-sizing: border-box;
}
根据该规则,宽度
通过内容宽度+边框+填充来计算。看