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