在顯示網頁頂部的下拉菜單中的問題

我有一個下拉菜單，我想顯示在Div的頂部，但它顯示下來。這裏是小提琴鏈接 Fiddle這裏是使用的CSS ..在顯示網頁頂部的下拉菜單中的問題

.headerMenu 
{ 
width:100%; 
margin-left:182px; 
}

請幫我解決這個..

來源

2014-10-28 Hansal Mehta

在什麼樣的頂部？ – 2014-10-28 09:04:42

@AndyHolmes我想下拉顯示在頂部的標誌旁邊..請參閱小提琴 – 2014-10-28 09:07:27

立即查看[小提琴]（http://jsfiddle.net/ga9k0ygj/1/）。您需要在徽標部分旁邊寫字。 – 2014-10-28 09:11:52

<div id="verticalDiv" class="verticalDiv"> 
<img src="img/hotelAwadh.png" alt="logo" style="float:left"/> 
<div id="headerMenu" class="headerMenu"> 
    <select name="menu" style="font-family:'Courier New';color:#ffffff;background-color:#ff8900;font-weight:bold;font-size:14pt;"> 
     <option value="http://www.ricocheting.com/">Front Desk</option> 
     <option value="http://www.google.com/">Google</option> 
    </select> 
</div> 
<label name="roomOperation" id="roomOperation" style="font-style:normal; font-size:15px;font-weight:bold;"> Room Operation </label> 
<ul id="quicklinks" class="quicklinks"> 
    <li><a href="#" rel="Document1" title="">Check in List</a></li> 
    <li><a href="#" rel="Document2" title="">Check out List</a></li> 
</ul>

來源

2014-10-28 10:51:19 user3687550

你的按鈕，移去花車，這是什麼使得他們的位置向左的標誌。

JSFiddle

我從你的HTML刪除的按鈕樣式屬性，並添加到了你的CSS：

.verticalDiv button { 
    margin-left:15px; 
}

來源

2014-10-28 11:10:03

在顯示網頁頂部的下拉菜單中的問題

回答

相關問題