DIV被切断，即使宽度和高度定义

我有这个我的网页上：DIV被切断，即使宽度和高度定义

<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大小显示，而是切断部分高度。这并不是说它不会一直显示，因为我可以看到较低的圆角 - 实际上它的高度比定义的要小。这是为什么发生？

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

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

来源

2012-04-13 jovan

你可以给我们一个jsFiddle来看看吗？ – 2012-04-13 15:12:37

在谷歌浏览器上可以正常工作http://jsfiddle.net/uWAMV/ – Undefined 2012-04-13 15:13:32

适用于[http://jsfiddle.net/didierg/8Exf6/](http://jsfiddle.net/didierg/8Exf6/） - 你必须有一些其他的风格搞乱你的div ... – 2012-04-13 15:15:31

尝试使用!important覆盖可能会造成高度的其他代码不会100px的

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

这不是一个很好的解决方案，但它可以帮助您调试问题。否则使用Chrome的检查员（或萤火虫）找出什么是重写你的身高定义

来源

2012-04-13 22:30:54

你是否在Firebug中检查过它，看看div是否继承了其他样式？也许增加'显示：块'可能会修复它，听起来像它可能显示为一个内联元素，如果你的身高属性被忽略...或者可能有一个最大高度：设置某处，在这种情况下'最大高度：100％'可以工作。

来源

2012-04-13 15:20:28 jonshot

显示：块不会做任何事情，也不会做最大高度。 – jovan 2012-04-13 15:58:51

尝试完所有帖子后，只有这个工作'max-height'总会记住这个 – 2016-02-07 20:22:21

试试这个，而不是

来源

2012-04-13 16:39:21 srini

DIV被切断，即使宽度和高度定义

回答

相关问题