다음 CSS 코드를 가지고 Firefox, Chrome에서 잘 작동하지만 IE7에서 실행하면 지옥처럼 깨지기 쉽습니다!스크롤 막대를 표시하는 IE에서 작동하도록 CSS 코드를 수정하려면 어떻게해야합니까?
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Box Test</title>
<style type="text/css">
.mybox { float:left; overflow:auto; visibility:visible;
width:220px; height:100px;
margin:3px; padding:10px;
border-left:1px solid gray; border-right:1px solid black;
border-top:1px solid gray; border-bottom:1px solid black;
background-color:gold; }
.small { width:45px; height:auto; font-weight:bold;}
.boxfont{font-weight:bold; font-size:16px; margin-left:15px;}
</style>
</head>
<body>
<div class="mybox small">
box 1
<div class="boxfont">box1 label</div>
</div>
<div class="mybox small">box 2</div>
<div class="mybox small">box 3</div>
</body>
</html>
왜 IE7의 첫 번째 상자에는 스크롤 막대가 표시되고 다른 브라우저에는 스크롤 막대가 표시되지 않습니까?
이 질문/답변보기 : http://stackoverflow.com/questions/927626/how-do-you-deal-with-internet-explorer – JoshFinnie