Css 引导-跨度中的填充使其更大

“first_right”（右首_）范围显示在first_left（左首_）下方，并且仅当存在15px填充时才显示。使用填充15，左第一个_变为490px宽，而不是460px宽。为什么呢？

---

另外，如果我想在span上嵌套更多的行，可以在span上添加填充吗？

框大小的默认值为

内容框

。这不包括

填充

。

填充

扩展元素的宽度（如果已设置）。您需要设置

边框框

，以便在元素宽度中包含

填充

和

边框

#cover{
    background: url('couv.jpg') no-repeat;
    width: 960px;
    height: 280px;
}

h3{
    color: #212121;
    font-size: 18px;
    font-weight: normal;
    float: left;
    text-transform: uppercase;
    margin: 0 0 25px 0;
    text-shadow: 1px 2px 2px #FFF;
}

.left{
    background: url('grille.jpg');
    padding: 15px;
}

现在，宽度包括填充和边框

---

谢谢。但是为什么要固定div宽度呢？看起来单是盒子尺寸就可以完成这项工作，我想你希望它的宽度正好是460像素。我的错：-）

#cover{
    background: url('couv.jpg') no-repeat;
    width: 960px;
    height: 280px;
}

h3{
    color: #212121;
    font-size: 18px;
    font-weight: normal;
    float: left;
    text-transform: uppercase;
    margin: 0 0 25px 0;
    text-shadow: 1px 2px 2px #FFF;
}

.left{
    background: url('grille.jpg');
    padding: 15px;
}

.left{
    background: url('grille.jpg');
    padding: 15px;
    box-sizing: border-box;
}