Firefox中的CSS溢出問題

我有一張表，編碼如下;Firefox中的CSS溢出問題

<table id="c_month_tbl" cellspacing="0" cellpadding="0" border="0" > 
<tbody> 
<tr> 
<td valign="top" class="weekend_days"> 
<div class="block_out"> 
<div class="blockout_text">Some content ...Some content ...Some content ...Some content ...Some content ...</div> 
</div> 
</td> 
</tr> 
</tbody> 
</table>

CSS如下;

td.weekend_days .blockout_text { 
     margin-top: 14px; 
    } 
    .blockout_text { 
     margin-top: 25px; 
     padding: 3px; 
     text-align: center; 
    } 

    #c_month_tbl{ 
     clear: both; 
     width: 678px; 
    } 
    .block_out { 
    height: 50px; 
}

現在，如果TD內的含量小於佈局看起來細...但是，如果有更多的內容，IE種擴展單元寬度/高度，並顯示該內容的罰款。

但在Firefox，寬度/高度的內容的div保持固定，不擴大按照所述內容，這使得佈局顯得有點破碎..

我試圖改變溢流屬性對於含td/div元素，但在Firefox中無法正常工作。

請幫幫我。謝謝。

來源

2011-09-07 testndtv

你使用什麼firefox版本？在6.0.2似乎所有的作品像在其他瀏覽器http://jsfiddle.net/MeL2F/ – Dmytro

我使用Firefox 4.0.1 – testndtv

@testndtv：你有沒有找到一個解決方案呢？ – MichaelS

刪除類.blockout，或刪除它的高度限制。如果您希望它至少爲至少 50px高，請改爲使用min-height。

來源

2012-10-16 17:01:05

Firefox中的CSS溢出問題

回答

相關問題