html - 即使定义了宽度和高度，DIV 也会被截断

Question

我的页面上有这个:

<div id="result" class="thumbholder"><img src="img/thumbs/thumb01.png" alt="thumb" /></div>

CSS:

.thumbholder{
width:100px;
height:100px;
text-align:center;
overflow:hidden;
border-radius:6px;
float:left;
margin:0;
}

#result div 没有在 CSS 中的任何地方定义(我检查过)。

div 拒绝以 100 x 100 的尺寸显示，而是切断了部分高度。这并不是说它没有一直显示，因为我可以看到较低的圆 Angular - 它实际上具有比定义的更小的高度。为什么会这样？

里面的图像大小也是 100 x 100，但这没关系，无论我放入什么，都会发生同样的事情。

编辑:内联定义高度也无济于事。

Answer 1

尝试使用 !important 覆盖其他可能导致高度不是 100px 的代码

.thumbholder
{
    width:100px !important;
    height:100px !important;
    text-align:center;
    overflow:hidden;
    border-radius:6px;
    float:left;
    margin:0;
}

这不是一个很好的解决方案，但它可以帮助您调试问题。否则使用 Chrome 的检查器(或 Firebug )找出是什么覆盖了你的高度定义