发新话题
打印

IE6兼容问题

IE6兼容问题

小弟刚学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>

关于定位问题

你这个父级定位好了框架,在下面的话肯定是要继承父级定位的元素啊
发新话题