html - 将 div 放置在 Canvas 顶部并始终位于全屏浏览器的右下角

标签 html css position fullscreen

鉴于这个极其简单的标记,我如何定位一个 div,以便它始终位于整个浏览器 Canvas 的顶部,但当浏览器全屏时位于浏览器窗口的右下角。我只需要在 Windows 上定位 Chrome。

<html><head><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link href="css/style.css" rel="stylesheet" type="text/css">

</head>
<body>
  <canvas id="webgl-canvas"></canvas>

</body>
</html>

最佳答案

这应该适合你。它适用于所有浏览器,甚至是非常旧的浏览器

#yourSelector {
    position:absolute;
    bottom:0; right:0;
    z-index:1;
}

Demo jsFiddle

关于html - 将 div 放置在 Canvas 顶部并始终位于全屏浏览器的右下角,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20461569/

相关文章:

javascript - 使用 CSS 隐藏部分被遮挡的元素

html - 防止文本分成两页

html - 悬停在一个 div 上,更改此 div 内 <a> 元素的颜色

javascript - 如何利用浏览器宽度和body宽度动态计算固定div元素的定位宽度

jquery - 应用边框时保持元素位置固定

javascript - jQuery position().left 在动画 marginLeft '-=300px' 之后总是 === 0

javascript - 文件 javascript 的 CPU 和内存使用情况

html - 如何禁用拖动 html 元素(尤其是 "img")?

javascript - 如何从多个元素复制属性值并将每个元素复制到不同的元素?

css - 960 网格系统设计帮助