Question

我有没有办法（CSS）确保文本框和搜索按钮在div时的大小不同？

这就是我的搜索栏：

<div class="userinfo">
    <form><table id="search" border="0"><tr>
            <td valign="top"><input type="text" name="search"></td>
            <td valign="top"><input type="image" name="search-button" src="img/search.png"></td>
    </tr></table></form>
</div>

userinfo：

.userinfo {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
}

.userinfo input[type=text] { 
    width: 70% 
}

userinfo位于页面中间，宽度为60%，但是，我试图让userinfo内的文本框具有相对于{{}的特定宽度1}}。以上不起作用。想法？

Answer 1

听起来你应该为搜索输入分配一个百分比宽度。

将搜索按钮保持固定宽度也是一个好主意（尽管不是必需的）。

编辑：这是一个例子：

<div class="widget">
    <input type="text" name="query">
    <input type="submit" name="search" value="Search">
</div>

<style>
    .widget { width: 30% }
    .widget input[type=text] { width: 70% }
</style>

可变宽度div的可变宽度形式？

1 个答案: