Bootstrap边框问题

我在45px div上添加border-bottom: 5px solid #000;，然后新div为50px。那没问题。Bootstrap边框问题

然后添加bootstrap.min.css (3.2.0)然后div高度总计为45px。

这是一个问题？

http://codepen.io/symbolicx/pen/ujwkJ (Div height 45+5 = 50px) 

http://codepen.io/symbolicx/pen/JsqKH (Div height 45+5 = 45px)

谢谢。

来源

2014-10-26 AbbA

有人设置了**边框：** CSS属性？ – pbaldauf 2014-10-26 15:26:47

我不知道。默认bootsrap有它吗？ – AbbA 2014-10-26 15:36:09

http://getbootstrap.com/dist/css/bootstrap.css'box-sizing：border-box'已经被定义了，它从里面给出了'padding' – 2014-10-26 15:47:20

Bootstrap添加了以下代码，如您检查div时所看到的那样。萤火虫

*:before, *:after { 
    box-sizing: border-box; 
}

你必须通过你的本地CSS覆盖边界框，如：

-webkit-box-sizing: content-box; /*Note: content-box is the default if no box-sizing is set explicitly */ 
    -moz-box-sizing: content-box; 
    box-sizing: content-box;

看到活生生的例子here。

来源

2014-10-26 15:45:28 pbaldauf

Bootstrap边框问题

回答

相关问题