怎么解决容器1把容器2盖住的问题？_html/css_WEB-ITnose

程序员文章站 2022-06-15 20:54:16

...

容器1把容器2盖住了，请帮助！

容器1

容器2

回复讨论(解决方案)

这个跟容器无关，是因为你的div设置了position属性，那么div会脱离文档流
上面两个table的位置都没有变，只是div被显示的位置盖住了

sadfas

容器1

容器2

把上面的红色改一下，你就可以看出区别了

sadfas

容器1

容器2

在div的前面，加了结果字符，div中的top属性，和left属性更改一下。试试看吧
可以去专门看下css的position属性的知识，会有更好的了解的。

额。。。你把id="div-datagrid"的table设置成了绝对定位，绝对定位的元素就脱离了原本的文档流了，所以后面的table就认为它前面没有table，直接从左上角显示。所以absolute的table就覆盖了第二个table。
可以看看W3CSchool关于绝对定位的说明 http://www.w3school.com.cn/css/css_positioning_absolute.asp

这肯定是你自己练习写的东西吧，如果第一个table硬要absoluted;那么可以设置第一个table的style里z-index改成-1，后面被覆盖的table就显示出来了，不过talble1和talbe2是重叠的

容器1

容器2

把这两个样式去掉就行了z-index: 0;position: absolute;

我要实现列的冻结功能，不能去掉z-index: 0;position: absolute;

有没有更好的办法实现2个表不重叠？

他的父元素加上这段，不过，父元素需要设置宽和高，保证父元素占的大小，可以完全包裹被定位的元素。

ps：我怎么从代码中，没有看出要列冻结的样子呢？