Question

我在45px div上添加border-bottom: 5px solid #000;，然后新div为50px。那没关系。

然后添加bootstrap.min.css (3.2.0)，然后div height total为45px。

这是一个问题吗？

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

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

感谢。

Answer 1

Bootstrap会添加以下代码，如果您使用例如div检查*:before, *:after { box-sizing: border-box; }，则可以看到萤火虫

  -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;

您必须通过本地CSS覆盖 border-box ，例如：

{{1}}

请参阅实例here。

Bootstrap边界问题

1 个答案: