0

I have a big absolute div that holds a smaller relative div. The smaller div wraps an Image (png) and auto sizes with height:auto. All works fine. But on one particular site, I get 5px of extra spacing at the bottom of the smaller div after the resize, like it over calculated the height needed? I assume I'm somehow inheriting something from the site that is impacting my resize and div container.

I reworked everything, clear floats, overflow, alternate positioning, removed auto option, flow, etc, but I can't seem to get rid of that 5px extra at the bottom, and its only on that site?

My question - how do you debug your height or auto height issues, and any idea what could be causing this?

Thanx, Chris

4

3 回答 3

2

在容器 div 上：

line-height: 0px;将消除由空白引起的任何高度增加。

padding: 0px;将消除容器 div 内部的填充。

在图像上

margin: 0px将消除图像外部周围添加的任何空间。

您能否将我们指向该站点或 jsfiddle，以便我们更好地了解正在发生的事情？正如@RyanMcDonough 提到的，Chrome 的 Inspector 很棒。在 IE 中，您有 IE 开发人员工具栏。在 FF 中，您可以使用 Firebug（这是经典！）。

于 2012-08-23T13:24:02.437 回答
0

我会使用 Chrome 的 Inspect Element 之类的东西，并查看影响它的 css 规则。

然后，您可以浏览所有元素并即时启用/禁用以查看影响它的因素。

https://developers.google.com/chrome-developer-tools/

于 2012-08-23T13:02:43.477 回答
0

尝试

font-size:0;
line-height:0

对于较小的 div

示例http://jsfiddle.net/U9z5K/14/

或使用

display:block;

对于图像

于 2012-08-23T13:15:27.750 回答