本文介绍了一个在Internet Explorer 5和6中遇到的CSS高度设置问题及其解决方案。当尝试将div的高度设置为1像素时，在这两个浏览器版本中会遇到限制，无法正确显示。通过添加overflow:hidden样式可以解决此问题。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
div{
height: 1px;
background-color: red;
}
</style>
</head>
<body>
<div></div>
</body>
</html>这段代码唯独在IE5和IE6上面height不管用，有一个最小高度是19px（本机测试）。
解决方案：
元素添加overflow:hidden;
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
div{
height: 1px;
background-color: red;
overflow: hidden;
}
</style>
</head>
<body>
<div></div>
</body>
</html>新手上路，与君共勉，欢迎反驳！
扫一扫
128
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
