Question

我正在尝试向右移动我的搜索框，但是当我这样做时，它正在反转输入的顺序，以便“搜索”在左侧。它应该是相反的方式。我知道你可以颠倒列表项的元素的顺序，但我尝试了它，它仍然无法正常工作。这是我的标记：

<!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;
}

Answer 1

怎么样

#search {
    float:right;
}

#search input {
    float:left;
}

向右浮动搜索栏而不反转输入顺序？

1 个答案: