可以在浏览器窗口外显示div吗？

Question

我注意到HTML SELECT下拉列表可以在浏览器窗口之外绘制。 比如看看它： http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_select

让浏览器的窗口高度非常小，你会注意到即使它很小，html选择下拉列表也会超出浏览器窗口的边缘。

现在我正在使用具有高z-index的绝对定位div创建我自己的下拉列表，但如果窗口非常小，它们似乎会被浏览器窗口边缘切断。有没有办法做到这一点或使其像一个HTML选择？

Answer 1

不，你不能在浏览器窗口之外绘制div。

下拉菜单在某种意义上是不同的，因为它通常呈现为本机UI组件。有些浏览器可能会选择允许本机组件跨越浏览器窗口，但这不是常态。

Answer 2

不，div不会出现此行为。

select（以及可能的其他内容，例如文本框或按钮，可能取决于浏览器和主机系统）发生这种情况的原因是主机系统使用额外的浏览器功能来呈现那个元素。浏览器使用系统的API实际绘制和使用该元素（与文本框，按钮等相同）。

div本身完全由浏览器内功能呈现，并且完全不依赖于浏览器之外的系统API。