Question

我有一个下拉菜单，我希望在Div的顶部显示，但它会显示下来。这里是小提琴链接 Fiddle这里是使用的CSS ..

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

请帮我解决这个问题..

Answer 1

<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>

Answer 2

移除按钮上的浮动物，这就是使它们位于徽标左侧的原因。

JSFiddle

我从你的html中删除了按钮样式属性，并将其添加到你的css：

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

在网页顶部显示下拉菜单时出现问题

2 个答案: