[英]Position:absolute misaligns div in Internet Explorer
位置:绝对用于div在Internet Explorer中错位div。 但在Mozilla Firefox和Chrome中运行良好。 有人可以建议解决方法吗?
码
解决方案是将第一个输入和隐藏的div包装在另一个div中,将“wrapper”的position
为relative
。 然后定位隐藏的div absolute
包括left
和top
css属性。
首先,请访问http://jsbin.com/uxerus/56/edit
应该是这样的:
CSS:
.wrapper {
position: relative;
}
div.first {
position: absolute;
top: 24px;
left: 0;
z-index: 10;
width: 298px;
border: 1px solid #000;
background: #fff;
}
HTML:
<div class="wrapper">
<input type="text" id="input" name="input" value="First div" />
<div id="content" class="first">
<span>option 1</span>
<span>option 2</span>
<span>option 3</span>
<span>option 4</span>
</div>
</div>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.