html - 防止多个固定定位元素重叠

标签 html css

如果我的页面上有两个 div。一个固定定位在页面顶部 style="position:fixed; left:0; top:0;right:0;" 一个固定定位在页面左侧 style="position:fixed; left:0; top:0;bottom:0;" 有没有办法让左边的 div 定位,所以它的顶部边缘与顶部定位的 div 的底部边缘对齐没有硬编码边距或填充?默认情况下会有一些部分重叠

最佳答案

div 放在另一个容器 div 中,并为容器 div 定义 position:fixed 样式会解决您的问题。

<div style="position:fixed;top:0;left:0;right:0;">
  <div>div 1</div>
  <div>div 2</div>
</div>

关于html - 防止多个固定定位元素重叠,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50513984/

相关文章:

JavaScript 错误 - 无效的属性值

html - 当文本到达 div 的末尾时缩小字体大小?

javascript - 如何为 HTML 表格设置固定行数?

jquery - 使div内容在div包装器中移动动画并在移出div包装器时隐藏

html - 快速有效地解析损坏的 HTML 的方法?

javascript - 如何旋转轮播元素并隐藏最远的元素

jquery - CSS 折叠/展开 div

php - 多语言网站的 SEO 元

php - Laravel 5 BookStack 全新安装不加载任何外部文件

html - 为什么后台附件: fixed make background-size:cover resize to the window proportions?