小弟刚学CSS,各位大哥帮个忙,这个代码在IE6为什么绝对定位出不来了?
指导下小弟,不胜感激.
复制内容到剪贴板
代码:
<!doctype html>
<html>
<head>
<title>Title</title>
<style type="text/css">
body { margin: 0; padding: 0; border: 0; }
#one { background: #ccc; margin: 0 auto; width: 900px; height: 100px; position: relative; }
#one1 { float: left; width: 300px; line-height: 30px; background: #123;}
#one2 { float: left; width: 300px; line-height: 30px; background: #234;}
#one3 { float: left; width: 300px; line-height: 30px; background: #456;}
#one4 { position: absolute; left: 1px; top: 9px; width: 80px; height: 30px; line-height: 30px; background: #0f0; }
</style>
</head>
<body>
<div id="one">
<div id="one1">1</div>
<div id="one2">2</div>
<div id="one3">3</div>
<div id="one4">3</div>
</div>
</body>
</html>