Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 选择下拉列表,可选择“选择”;“下拉菜单”;_Html_Css_Drop Down Menu - Fatal编程技术网

Html 选择下拉列表,可选择“选择”;“下拉菜单”;

Html 选择下拉列表,可选择“选择”;“下拉菜单”;,html,css,drop-down-menu,Html,Css,Drop Down Menu,foo下拉列表太靠近页面底部。我想把下拉菜单改为“drop up”。我一直在搜索,但只能在导航菜单上调出信息。我试着给一个顶部:100%和底部:100%的位置:绝对,这就是我看到的导航菜单下拉菜单“drop up”而不占上风。这可能吗?提前谢谢大家,代码如下 HTML SELECT元素行为由浏览器决定。它单独检测视口外的溢出,有时会重新定位列表。你不能直接控制它 现在,如果您使用基于脚本的模拟选择,您可以检测JS代码中的溢出并相应地重新定位。非常有趣,谢谢您提供的信息。即使我添加了另一个选项,它

foo
下拉列表太靠近页面底部。我想把下拉菜单改为“drop up”。我一直在搜索,但只能在导航菜单上调出信息。我试着给
一个顶部:100%和底部:100%的位置:绝对,这就是我看到的导航菜单下拉菜单“drop up”而不占上风。这可能吗?提前谢谢大家,代码如下

HTML


SELECT
元素行为由浏览器决定。它单独检测视口外的溢出,有时会重新定位列表。你不能直接控制它


现在,如果您使用基于脚本的模拟选择,您可以检测JS代码中的溢出并相应地重新定位。

非常有趣,谢谢您提供的信息。即使我添加了另一个选项,它仍然会下降,并停留在浏览器窗口的底部,但不会下降。亵渎你有没有这样做过?我们最后不得不添加多个选项,这样它就可以自然地达到我们想要的位置。啊,因为你有更多的选项,所以它不能放在下拉列表中,所以它就放上去了,对吗?
<select class="select-store" onchange="document.location.href=this.value">
  <option value="/">Store Finder</option>
  <option value="/foo">foo</option>
  <option value="/beta">beta</option>
</select>
#finder .select-store{
  background: url("/images/storefinder_bg.png") no-repeat scroll 0 0 transparent;
  border: medium none;
  color: #5B5A5A;
  font-family: UNIV-C,Arial,Helvetica,sans-serif;
  font-size: 16px;
  font-weight: normal;
  height: 32px;
  line-height: 16px;
  padding: 3px;
  vertical-align: middle;
  width: 186px;
}