Question

CSS 父级div绝对定位影响子级div的问题

我的页面用一个大的div框住，是绝对定位，里面有一个table，table里有一个隐藏的div，也是绝对定位。我想点击table里的某个地方的时候，隐藏的div就出现在table旁边。可是父级的div的绝对定位影响到了，隐藏的div出现的时候并没有在预想的地方。请问如何解决？

Answer 1

div定位问题，absolute,绝对定位，是对整个页面来说的，一般父级的div用相对定位，子级的div用绝对定位就肯定不会错的，你可以试一试！

Answer 2

你还需要好好理解容器的绝对定位和相对定位：
1、默认最外层的容器一般都不采用绝对定位，也就是最外层的容器不设置position，一般都是要么居中要么居左。
2、当要设置某个容器绝对定位，一般都是相对父容器。否则不同分辨率的客服端就会出现定位错位的问题。
3、如何设置相对父容器的绝对定位？比如：
<div id="con" style="width:980px; margin:0 auto; position:relative"><!--这是父级框架，注意设置 了position:relative，就是相对，对Div的位置无影响-->
<div style="position:absolute; left:20px; top:100px;"></div><!--设置位置为绝对，是相对于父级的绝对-->
</div>

追问

我当然是有这个需要才用绝对定位来设置最外层容器的。你这个例子我也知道，我想可能是我那里嵌套了几个绝对定位的div，因为我要在外面做一个透明的层，不用绝对定位不行呀

Answer 3

隐藏的div不可以是绝对定位（这样它就只相对于页面而不是父层的DIV）。如果要在表格中的这个位置放这个层，可以考虑表格中用两个层，上一层用于放其它的东西，然后用层高度来安排这个隐藏层的位置。

追问

不是很明白你的意思，但是隐藏的div是可以绝对定位的

追答

感觉习惯上，只去飘浮一个层，其它用平铺。
多层飘浮很华丽，不过你不觉得，它现在给你带来麻烦了么。。。。

追问

我当然知道啊，我平时做页面也不需要这样的，但是这个页面比较特殊，需要在整个页面的最外层加一个透明的边框，并且能够自由伸缩。我暂时只想到这种方法，就是在最底层加一个透明的层，主体内容的层比透明层小一点，绝对定位在透明层上面，然后用JS控制透明层的高度比主体层高一点。如果有更好的方法当然好啊

追答

那么，整个页面的最外层DIV不用这么做的啊，用下面这个样式不就行了？这样就可以直接居中定位，而不用浮动起来。
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;

Answer 4

调整子级div的top和left，注意:父级有position定位属性，那么子级的position定位是相对距离子级最近的具有position的父级来说的，父级无position则相对body

追问

调整了，没有用，我觉得很奇怪，无论我调什么值都没变化，但是把top和left去掉，用margin-top和margin-left来代替，问题解决了， 可是我还是不知道什么原因。其实把我最外层div的position:absolute去掉就可以了，但是我最外层一定要用position:absolute。如果不这样的话，怎样给这个div加一个透明的边？

Answer 5

给表格加一个position: relative;