html - div 元素中的灵活元素

Question

我有这个代码

            <div class="search-box-wrapper">                
                <div class="search-box">
                    <span class="search-lbl">Search</span>
                    <span><input type="submit" name="search" value="Find" class="search-btn" /></span>
                    <span><input class="search-text" type="text" name="lookingfor" value=" " /></span>                        
                </div>                
        </div>

如何制作具有灵活大小的 {input type="text"} 元素？我的意思是 search-lbl 和 search-btn 将围绕 type="text" 元素，但是 search-text 可以改变它的大小。

Answer 1

尝试

input[type="text"]
{
width:100%;
}

然而，这可能与所有浏览器不兼容——我可能也误解了 @ckarlss0n 可能对文本区域是正确的。