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 - 无法将 <p> 的 innerHTML 更改为 LocaleDateString()

javascript - 更新列表中的项目在点击时显示 - Angular JS

javascript - 如何使用元音变音字符 ö ä ü 嵌入 Google 趋势

jquery - 单击删除完成 <tr>

css - 3D 旋转中 Angular 如何发挥作用?

css - 从 "auto"动画 flexbox

html - 删除使用 d3 创建的表中的列空间

html - 具有相同宽度和高度的跨度内的中心字符

javascript - 单击附加导航栏

html - 允许父div溢出窗口宽度