日期:2014-05-18  浏览次数:20441 次

两个div重合后,空白怎么去掉?
请问:  
1:   在一个 <td> </td> 中,   放两个 <div> </div> :
<td>
    <div   id= "div1 "   style= "Z-INDEX:   -1;   VISIBILITY:   visible;   WIDTH:   250px;   HEIGHT:   120px;   ">
    </div>
    <div   id= "div2 "   style= "Z-INDEX:   1;   VISIBILITY:   visible;   POSITION:   relative;   Top:   -120px;   WIDTH:   250px;HEIGHT:   120px; ">
    </div>
</td>

这样,   第二个div会与第一个div重合,   但是在div下方会有一个高度为120的空白,   怎样去掉呢?

--------------------------------

2:   在二个 <td> </td> 中,   放两个 <div> </div> :
<td>
    <div   id= "div1 "   style= "Z-INDEX:   -1;   VISIBILITY:   visible;   WIDTH:   250px;   HEIGHT:   120px;   ">
    </div>
</td>
<td>
    <div   id= "div2 "   style= "Z-INDEX:   1;   VISIBILITY:   visible;   POSITION:   relative;   Left:   -250px;   WIDTH:   250px;HEIGHT:   120px; ">
    </div>
</td>

这样,   第二个div会与第一个div也会重合,   但是在div右边会有一个宽度为250的空白,   怎样去掉呢?

------------------------

总之,   我想让两个div完全重合,   又不能用绝对位置,   又不能多出空白来?

谢谢大家!

------解决方案--------------------
帮顶!
------解决方案--------------------
<div id= "div1 " style= "Z-INDEX: -1; VISIBILITY: visible; WIDTH: 250px; HEIGHT: 20px; "> </div> <div id= "div2 " style= "Z-INDEX: 1; VISIBILITY: visible; POSITION: relative; Top: -120px; WIDTH: 250px;HEIGHT: 120px; "> </div>

这样尝试下,再有请注意下,是否有CSS控制DIV的间距


------解决方案--------------------
用了relative 那对象不可层叠
------解决方案--------------------
你要做什么?
把一个div放到另一个里面去能满足你的要求吗?
<div>
<div>
</div>
</div>
------解决方案--------------------
up
------解决方案--------------------
层飘浮
------解决方案--------------------
第一个既然被挡住,那可以将它的隐藏. display:none 第二的top为0就可以了.
------解决方案--------------------
<div style= "display=none ">

<div style= "display= ">
------解决方案--------------------
帮顶!
------解决方案--------------------
POSITION: absolute;
------解决方案--------------------
包含啊.
------解决方案--------------------
d
------解决方案--------------------
我也up一下了
------解决方案--------------------
flsh 默认是最顶层。改变不了的。