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

Aren't you able to give it a width and a height in CSS?

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

Maybe I misunderstood you. For a flexible text input element, check out text-area!

Answer 2

尝试

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

但是，这可能与所有浏览器都不兼容 - 我可能也误解了@ckarlss0n 可能与文本区域正确。