为什么在IE8中不显示这个？
<div style="width:180px; height:18px; border-bottom:1px solid #666; position:relative; z-index:500; margin-left:10px;">
<div style="float:left; width:70px; height:18px; position:absolute; left:0; top:0; z-index:1; background-color:white; ">KEY</div>
<div style="float:right; height:18px; position:absolute; right:0; top:0; z-index:1; background-color:white; ">VALUE</div>
</div>
在 Chrome、Firefox、Safari 等中完美呈现。但在 IE8 中则不起作用。
<div style="width:180px; height:18px; border-bottom:1px solid #666; position:relative; z-index:500; margin-left:10px;">
<div style="float:left; width:70px; height:18px; position:absolute; left:0; top:0; z-index:1; background-color:white; ">KEY</div>
<div style="float:right; height:18px; position:absolute; right:0; top:0; z-index:1; background-color:white; ">VALUE</div>
</div>
Renders perfectly in Chrome, Firefox, Safari, etc. But in IE8 it doesn't work.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
如果渲染器没有正确检测到文档类型，IE8 的相对定位就会变得很混乱。尝试指定：
IE8 is a jerk with relative positioning if the renderer doesn't detect the doctype properly. Try specifying: