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被切斷，即使寬度和高度定義

回答

相關問題