如何让绝对定位的输入缩小以适应？

Question

我有以下HTML：

<ul> 

    <li><a href='#'>Item 1</a><input type='text' value='whatever' /></li> 
    <li><a href='#'>Item 2</a></li> 
    <li><a href='#'>Item 3</a></li> 
    <li><a href='#'>Item 4</a></li> 

</ul> 

1. 该输入是绝对定位。
2. 输入的祖先李相对定位。
3. 输入具有不透明度0并且是一个静态元素，但需要在那里。
4. 在列表中随时只会有1个输入（带有文本类型）。

我想使input标签收缩以适应li。 这怎么办？

Answer 1

这是一个有点哈克也许是的，但你可以试试这个：

input{ 
    position: absolute; 
    left: 0; 
    right: 0; 
    top: 24px or whatever you need 
} 

每条边将对阵父元素的配套优势。