div嵌套div后top left 为什么没用了——IE

来源：百度知道 编辑：UC知道 时间：2024/06/06 23:26:47
<style>
body {text-align: center;}
</style>
<body>
<div style="width:800; height:600; background:yellow;">
<div style="position:absolute; left:0; top:0"><img src="1.gif"></div>
<div style="position:absolute; right:0; bottom:0"><img src="2.gif"></div>
<div style="position:absolute; left:555; top:555"><img src="3.gif"></div>
</div>
</body>

这样的代码，一个大div里面定三个小div，我想让小div相对大div定位
大div是居中的，但是几个图片的位置并不是相对大div的，而是相对窗口的

用的浏览器是IE
我现在改这样了：我想让外层div居中，里面的三个子div相对父级div定位，不要居中，但是现在外层div居中不了了
<body align="center">
<div style="width:800; margin: auto 0; height:600; background:yellow;">
<div style="position:relative; width:100; height:100; margin-left:100; margin-top:100;"><img src="1.gif"&g

position：absolute这个是绝对定位；
是相对于浏览器的定位。
比如：position：absolute；left:20px;top:80px; 这个容器始终位于距离浏览器左20px,距离浏览器上80px的这个位置。

position：relative是相对定位，是相对于前面的容器定位的。这个时候不能用top left在定位。应该用margin。

align="center" 改成 style="text-align:center;"

align="center" 对div是没用的

再改 外层 div

<div style="width:800; margin: auto 0; height:600; background:yellow; text-align:left;">
（因body 里设置了text-align:center 所以下面的div全部都剧中 所以在 外层div里加 text-align:left 就正常了）

<div style="width:800; height:600; background:yellow;position：relative;">看看

你没写单位，肯定不行啦。加上px试试