Question

我想知道是否有可能获得一个选择菜单选项来将其下方的DIVS下推？我已经设法通过移动菜单等做到了这一点，但是通过简单的选择菜单却没有成功。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
body{
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    background-color: #f6f6f6;
    padding: 0;
    margin: 0;
}

</style>
</head>
<body>
<div >
<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
    <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
    <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
    <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select> 
<div style="width:100%; height:100px; background-color:#F12B2E;"></div>

</body>
</html>

在下面的示例中，菜单与下面的红色div框重叠。能做到吗？它将在所有浏览器类型上都能正常使用吗？我最好使用jquery UI吗？预先感谢

选择下面打开DIV的菜单

0 个答案: