如何在重叠时处理css中的固定位置属性

Question

this picture shows the overlapping of two div, in one div I took a table with two button floating right and in another div I worked on an image

here the overlapping don't occur

我描述了上面的重叠问题。我希望他们看起来一样。

df.drop(['A', 'B'])

Answer 1

这个问题有很多答案，但实际看到你的代码只有几个正确的答案。你能提供你的代码吗？

也许您应该将位置更改为相对而不是固定。边距和填充也可能会影响这一点。

如果我看到你的代码，我会得到明确的答案。

Answer 2

position: fixed是罪魁祸首。它有点像绝对定位，因为它将元素从正常流中取出（通常看起来像是在其他元素上呈现的元素）。

您可以阅读Mozilla开发者网络上的定位：https://developer.mozilla.org/en-US/docs/Web/CSS/position（MDN是HTML，CSS和JS基础知识的重要文档来源。）

fixed所做的关键部分：

  

元素从正常文档流中删除;没有空间   为页面布局中的元素创建。相反，它定位   相对于屏幕的视口，滚动时不会移动。

您可以使用.tableProperty的其他定位类型来修复此布局。 （根据提供的代码，您可能根本不需要任何定位;这相当于position: static的默认值。）