浮動搜索欄右側沒有反轉輸入順序？

我想讓我的搜索框正確地浮動，但是當我這樣做時，它會顛倒輸入的順序，以便「搜索」位於左側。它應該是相反的。我知道你可以顛倒列表項的元素順序，但我嘗試過，但仍然無效。這裏是我的標記：浮動搜索欄右側沒有反轉輸入順序？

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

來源

2013-10-27 chap

可以爲您提供的jsfiddle？ – Sijav

怎麼樣

#search { 
    float:right; 
} 

#search input { 
    float:left; 
}

來源

2013-10-27 07:50:29

浮動搜索欄右側沒有反轉輸入順序？

回答

相關問題