div嵌套div后top left 为什么没用了——IE
<style>body{text-align:center;}</style><body><divstyle="width:800;height:600;backgrou...
<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"></div>
<div style="position:relative; width:100; height:100; margin-left:200; margin-top:200;"><img src="2.gif"></div>
<div style="position:relative; width:100; height:100; margin-left:300; margin-top:300;"><img src="3.gif"></div>
</div>
</body> 展开
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"></div>
<div style="position:relative; width:100; height:100; margin-left:200; margin-top:200;"><img src="2.gif"></div>
<div style="position:relative; width:100; height:100; margin-left:300; margin-top:300;"><img src="3.gif"></div>
</div>
</body> 展开
4个回答
展开全部
position：absolute这个是绝对定位；
是相对于浏览器的定位。
比如：position：absolute；left:20px;top:80px; 这个容器始终位于距离浏览器左历迟20px,距离郑搜浏览器上80px的这肢丛李个位置。
position：relative是相对定位，是相对于前面的容器定位的。这个时候不能用top left在定位。应该用margin。
是相对于浏览器的定位。
比如：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 就正常搏汪了）
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试试
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
