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

你不能在CSS中给它一个宽度和高度吗？

.search-text{ width: 100px; height: 100px; }>

也许我误解了你。对于灵活的文本输入元素，请查看文本区域！

Answer 2

尝试

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

然而，这可能与所有浏览器不兼容 - 我可能还有missunderstoond @ ckarlss0n可能是正确的文本区域。