Html 浮动搜索栏是否正确，输入顺序是否颠倒？_Html_Css_Asp Classic_Vbscript

Html 浮动搜索栏是否正确，输入顺序是否颠倒？

html css asp-classic vbscript

Html 浮动搜索栏是否正确，输入顺序是否颠倒？,html,css,asp-classic,vbscript,Html,Css,Asp Classic,Vbscript,我试图将搜索框向右浮动，但当我这样做时，它会颠倒输入顺序，使“搜索”位于左侧。应该是相反的。我知道您可以颠倒列表项的元素顺序，但我尝试了，但仍然没有成功。这是我的标记： <!DOCTYPE html> <html> <head> <link rel="stylesheet" type-"text/css" href="style.css"> </head> <body> <div class="con

我试图将搜索框向右浮动，但当我这样做时，它会颠倒输入顺序，使“搜索”位于左侧。应该是相反的。我知道您可以颠倒列表项的元素顺序，但我尝试了，但仍然没有成功。这是我的标记：

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" type-"text/css" href="style.css">
</head>
<body>

    <div class="container_12">


            <h1 class="grid_12">Overhaulers</h1>

            <div class="navigation grid_5">

            <nav>

                <a href="default.asp">Home</a> 
                <a href="insert.asp">Insert</a>
                <a href="delete.asp">Delete</a>
                <a href="edit.asp">Edit</a>

                <%

                if Session("username")="" then
                Response.write("<a href=""login.asp"">Login </a>")
                else 
                Response.write("<a href=""logout.asp"">Logout </a>")
                dim greetingName
                greetingName = Session("username")
                response.write "Hello " + greetingName + "!"
                end if

                response.write "</div>"

                response.write "<div class=""grid_5 prefix_2"">"&_
                "<form id=""search""action=""results.asp"" method=""get"">" &_
                "<input type=""hidden"" name=""stage"" value=""2"">"&_
                "<input type=""text"" id=""search"" name=""search"">" &_
                "<input id=""searchsubmit""type=""submit"" value=""Search"">" &_
                "</form>"&_
                "</div>"



                %>




            </nav>



    </body>

怎么样

#search {
    float:right;
}

#search input {
    float:left;
}

你能提供一个JSFIDLE吗？

#search {
    float:right;
}

#search input {
    float:left;
}