自定义搜索栏

Question

我想让搜索栏越来越长。排列在身体的末端（宽度）和菜单（身高）。我查看了其他教程和问题，但我遗漏了一些东西。

CSS

form input[type="text"] {
    height: 45px;
    width: 250px;
    margin: 0;
    padding: 0;
    font-size: 15px;
    border: 1px solid #CCCCCC;
    float: left;
}

HTML

<form name="catsearchform60238" method="post" action="/Default.aspx?SiteSearchID=2433&PageID=/search.html">
    <div class="cat_textbox">
        <input type="text" value="text field"></input>
        <input type="submit" value="Submit"></input> 
</form>

Answer 1

使用display: block;可能就是您要找的。

form input[type="text"] {
    display: block;
    height: 45px;
    width: 250px;
    margin: 0;
    padding: 0;
    font-size: 15px;
    border: 1px solid #CCCCCC;
    float: left;
}