1

我刚刚在我正在开发的网站上更新了 Twitter Bootstrap,它在许多地方破坏了布局。

这些地方之一只是让我难过。有问题的页面可以在http://softcircuits.com/client/spacingtest.htm看到。(这不是原网站,会产生一些脚本错误,但它显示布局问题。原网站需要一个帐户。)

页面顶部有一个黑色的 20 像素条,其下方有一个图像。但是,图像放置在距离顶部约 22px 的位置,在黑条下方留下 2px 的边距。看了一会儿后,我仍然无法弄清楚这个利润是从哪里来的。我希望图像(以及侧面的黑色区域)与黑条齐平。

我正在 Chrome 中进行测试。将不胜感激任何提示。

4

1 回答 1

2

黑条本身 (.status-outer) 是 20px 高,但它的包含元素 (.navbar-inner) 是 22px 高。取下灰色边框并将其修剪一个像素以将其降至 20 并删除灰线。

于 2013-05-20T15:33:21.750 回答