position:relative;top属性移动div后的空白怎么去掉？

position:relative;top属性移动div后的空白怎么去掉？

<table width="795" height="578">
<tbody>
<tr>
<td height="572" background="http://img02.taobaocdn.com/imgextra/i2/2102556064/T2QkN1X2FaXXXXXXXX_!!2102556064.jpg"> 

</td>
</tr>
</tbody>
</table><div class="q" style="position:relative;height:190px;width:190px;top:-465px;left:100px;">
此处显示 class "q" id "1" 的内容fgdfgggfgdgdsfsadffdfasda
</div><div class="w" style="position:relative;height:18px;width:96px;top:-648px;left:300px;">
此sadas
</div><div class="e" style="position:relative;height:18px;width:66px;top:-750px;left:150px;">
此sadas
</div><div class="r" style="position:relative;height:18px;width:66px;top:-769px;left:230px;">
此sadas
</div><div class="t" style="position:relative;height:18px;width:66px;top:-788px;left:310px;">
此
</div><div class="u" style="position:relative;height:18px;width:66px;top:-808px;left:386px;">
此处
</div><div class="i" style="position:relative;height:18px;width:66px;top:-827px;left:465px;">
123
</div><div class="o" style="position:relative;height:18px;width:66px;top:-845px;left:543px;">
class "
</div><div class="p" style="position:relative;height:20px;width:200px;top:-768px;left:510px;">
12
</div><div class="a" style="position:relative;height:20px;width:200px;top:-764px;left:510px;">
的内容
</div><div class="s" style="position:relative;height:20px;width:200px;top:-760px;left:510px;">
此处内容
</div><div class="d" style="position:relative;height:20px;width:200px;top:-757px;left:510px;">
" id "33" 的内容
</div><div class="f" style="position:relative;height:20px;width:200px;top:-753px;left:510px;">
123
</div><div class="g" style="position:relative;height:20px;width:200px;top:-749px;left:510px;">
78
</div>
<div class="h" style="position:relative;height:20px;width:200px;top:-745px;left:510px;">
45
</div><div class="j" style="position:relative;height:120px;width:118px;top:-676px;left:74px;">
"77" 的内容
</div><div class="k" style="position:relative;height:120px;width:118px;top:-795px;left:219px;">
此处内容</div><div class="l" style="position:relative;height:120px;width:118px;top:-915px;left:374px;">
"99" 的内容
</div><div class="z" style="position:relative;height:120px;width:118px;top:-1036px;left:527px;">
此的内容
</div><div class="x" style="position:relative;height:18px;width:96px;top:-1020px;left:83px;">
12
</div><div class="c" style="position:relative;height:18px;width:96px;top:-1038px;left:229px;">
36
</div><div class="v" style="position:relative;height:18px;width:96px;top:-1055px;left:387px;">
444"
</div><div class="b" style="position:relative;height:18px;width:96px;top:-1075px;left:538px;">
14
</div> 收起

luo1064323585  |  浏览 5179 次  |举报

我有更好的答案

2条回答

用绝对定位就不会有了，就是absolute。。。。

追问

【屏蔽了怎么办 只能用这个

追答

屏蔽了？？？？

__峰回路转    |  发布于2014-05-25 18:07

举报|  评论 

2  6

这个有些是没法去掉的， 因为relative这个相对定位属性你给它移动后，它虽然移开了开始的位置，不过它仍然占据着原来的文档流，有些可以用position的，然后在给下面的元素设定外边距靠近它就可以了！
还有一种方法是直接用margin-top如：margin-top：-100px；你可以看看

追问

margin-top  换了这个 就只留下一个div 了

追答

可以用position的，然后在给下面的元素设定外边距靠近它，

要不把你那position:relative去掉，放在父级元素里面。你这种写法是不科学的，怎么可能每个都用position:relative;

lovo_yx    |  发布于2014-05-26 10:31

举报|  评论(1) 

7  0

发布评论

阿里路亚llla | 2017-5-17 19:08

margin-bottom:-100px;最好用，把标签推了上去 回复