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;最好用,把标签推了上去 回复
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值