我有一个输入框供用户输入搜索词。我在搜索框旁边有一个输入按钮。由于某些原因,按钮在搜索框下面呈现。
我希望按钮就在输入框旁边。
我的html:

 <div id="searchbox">
                <form method="post" action="/search/test">
                <div class="searchinput">
                    <input type="text" id="searchbox" value="" /></div>
                <div class="searchbutton">
                    <input type="submit" id="searchboxbutton" value="Go" /></div>
                </form>
            </div>

CSS:
#header #searchbox
{
    float:left;
    width:400px;
    padding:5px 0px 0px 0px;
}
#header #searchbox #searchinput
{
    display:inline;
    float:left;
}
#header #searchbox #searchbox
{
    display:inline;
    float:left;
}
#header #searchbox #searchbutton
{
    display:inline;
    float:left;
}

最佳答案

简化,简化,简化。
HTML格式

    <form method="post" action="/search/test">
        <input type="text" id="searchbox" value="" />
        <input type="submit" id="searchboxbutton" value="Go" />
    </form>

CSS
input {display: inline}

10-07 21:52