Html 即使定义了宽度和高度，DIV也会被切断

我的页面上有：

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

CSS中没有定义

#result

div（我选中了）

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

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

---

编辑：定义内联高度也没有帮助。

您是否在Firebug中签出它以查看div是否继承了其他样式？也许添加“display:block”可以修复它，如果忽略了height属性，听起来它可能显示为一个内联元素。。。或者可能有一个最大高度：设置在某个地方，在这种情况下，“最大高度：100%”可以工作。

试试这个

      <div style="clear:both;"></div>
      <div id="result" class="thumbholder"><img src="img/thumbs/thumb01.png" alt="thumb" /></div>

---

尝试使用

！重要信息

覆盖可能导致高度不为100px的其他代码

这不是一个很好的解决方案，但它可以帮助您调试问题。

---

否则，请使用Chrome的inspector（或firebug）查找覆盖您的身高定义的内容

您能给我们一个JSFIDLE让我们看看吗？在google Chrome Works for上对我来说很好-您一定有其他风格搞乱了您的div…内部图像也一样。。。是的，我自己刚试过JSFIDLE，效果不错。我这里有一个非常复杂的页面/css，所以我想可能是很多因素导致了这个问题。我会看一些其他的选项，如果我想不出来，我会回来。display:block不做任何事情，max-height也不做任何事情。在尝试了所有的帖子之后，只有这个有效

max-height

永远记住这个

      <div style="clear:both;"></div>
      <div id="result" class="thumbholder"><img src="img/thumbs/thumb01.png" alt="thumb" /></div>

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