我需要得到输入元素的自动宽度,相对于它的parrent。
HTML
<div id="overlay">
<input type="text" id="inner_input" value="aaa" />
</div>
CSS
#overlay {
position: relative;
background: #ccc;
height: 50px;
}
#inner_input {
position: absolute;
height: auto;
width: auto;
display: block;
top: 10px;
bottom: 10px;
left: 10px;
right: 40px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
background: #ededed;
}
但这在IE中不起作用。有什么问题?
这是 jsfiddle
更新
有趣的是,如果我使用div而不是输入,它可以工作!这意味着在iE中有输入元素的浏览器定义规则,它不允许正常工作...
答案 0 :(得分:0)
您可以使用%
代替auto
之类的width: 90%;
并使用