0

我的页面上有这个：

<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;
}

#resultdiv 没有在 CSS 中的任何地方定义（我检查过）。

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

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

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

4

3 回答 3

1

您是否在 Firebug 中检查过 div 是否继承了任何其他样式？也许添加 ' display:block ' 可能会修复它，如果您的 height 属性被忽略，听起来它可能会显示为内联元素......或者可能有一个 max-height: 在某处设置，在这种情况下是 ' max-height :100% ' 可以工作。

于 2012-04-13T15:20:28.640 回答
1

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

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

这不是一个很好的解决方案，但它可以帮助您调试问题。否则，请使用 Chrome 的检查器（或萤火虫）找出覆盖您的高度定义的内容

于 2012-04-13T22:30:54.410 回答
0

试试这个

      <div style="clear:both;"></div>
      <div id="result" class="thumbholder"><img src="img/thumbs/thumb01.png" alt="thumb" /></div>
于 2012-04-13T16:39:21.567 回答