DIV內容不溢出

下面的代碼在所有瀏覽器中正常工作，但IE瀏覽器正常工作。溢出不起作用。謝謝。DIV內容不溢出

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 

<head> 
<style type="text/css"> 
#scroll { 
    width: 500px; 
    height: 250px; 
    overflow: auto; 
} 

.box { 
    position: relative; 
    height: 100px; 
} 
</style> 

</head> 
<body> 
    <div id='scroll'> 
    <div class='box' style="background-color: red;"></div> 
    <div class='box' style="background-color: black;"></div> 
    <div class='box' style="background-color: yellow;"></div> 
    <div class='box' style="background-color: blue;"></div> 
    <div class='box' style="background-color: green;"></div> 
    </div> 
</body> 
</html>

來源

2010-08-26 Jimmy

有誰知道我能做些什麼來解決它？非常感激！ - Jimmy – Jimmy 2010-08-26 15:05:03

對我而言顯得很好 - 你在哪個版本的IE中專門查看？ – DaveHogan 2010-08-26 15:09:17

它在IE 5.5（奇怪），8，9工作。它不工作在6。我無法打開IE 7 ... – 2010-08-26 15:13:27

這是你在找什麼？ http://snook.ca/archives/html_and_css/position_relative_overflow_ie/

來源

2010-08-26 15:13:35

如果您從.box CSS定義中刪除「position：relative;」，我相信它可以在FF和IE 6.0中使用。

編輯：我測試了它 - 它工作在FF 3.6.8和I.E. 6.0.28（即保持滾動div內的100px框）。

來源

2010-08-26 15:13:36

DIV內容不溢出

回答

相關問題