DIV内容不会溢出

时间:2010-08-26 15:04:03

标签: html css internet-explorer overflow doctype

以下代码适用于除IE之外的所有浏览器。 溢出不起作用。感谢。

<!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>

2 个答案:

答案 0 :(得分:1)

答案 1 :(得分:1)

如果从.box CSS定义中删除“ position:relative; ”,我相信它可以在FF和IE 6.0中使用。

编辑:我测试了它 - 它适用于FF 3.6.8和I.E. 6.0.28(即将100px框保留在滚动div中)。