Div不会使用自动高度和内部图像完全自动调整大小

时间:2012-08-23 13:00:14

标签: html css resize height

我有一个很大的绝对div,它拥有一个较小的相对div。较小的div包含一个Image(png)和自动尺寸,高度为:auto。一切正常。但是在一个特定的网站上,在调整大小后,我在较小的div的底部得到5px的额外间距,就像计算出所需的高度一样?我假设我在某种程度上继承了影响我的resize和div容器的网站。

我重写了一切,清除浮动,溢出,交替定位,删除了自动选项,流程等,但我似乎无法摆脱底部的5px额外,它只在该网站上?

我的问题 - 如何调试身高或自动身高问题,以及可能导致此问题的原因?

感谢名单, 克里斯

3 个答案:

答案 0 :(得分:2)

在容器div上:

line-height: 0px;将消除因空白造成的任何高度增加。

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

图片上的

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

你能指点我们到网站还是jsfiddle所以我们可以更好地了解发生了什么? 正如@RyanMcDonough所提到的,Chrome的Inspector非常棒。在IE中,您有IE开发人员工具栏。在FF中你可以使用Firebug(这是一个经典!)。

答案 1 :(得分:0)

我会使用Chrome的Inspect Element之类的内容,并查看影响它的css规则。

然后,您可以浏览所有元素并动态启用/禁用以查看影响它的内容。

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

答案 2 :(得分:0)

尝试

font-size:0;
line-height:0

表示较小的div

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

或使用

display:block;

表示图片