2

我需要获取输入元素的自动宽度，相对于它的父元素。

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 中有浏览器定义的输入元素规则，不允许正常工作......

4

1 回答 1

0

你可以使用%而不是类似的auto东西 width: 90%;并且会工作

于 2013-04-04T15:05:20.183 回答