position:relative;top属性移动div后的空白怎么去掉?
来源:互联网 发布:java程序员适合mac吗 编辑:程序博客网 时间:2024/05/17 09:05
<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>收起
<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如:margin-top:-100px;你可以看看
lovo_yx 发布于2014-05-26 10:31
举报 评论(1)
7 0
阿里路亚llla|2017-5-17 19:08
margin-bottom:-100px;最好用,把标签推了上去回复
阅读全文
0 0
- position:relative;top属性移动div后的空白怎么去掉
- position:relative;top属性移动div后的空白怎么去掉?
- css div设置positon:relative之后,再设置top,div的原位置有空白,解决办法
- 清除position:relative占用的空白
- position属性:absolute与relative的区别
- position属性absolute和relative的区别
- 区分:position属性的absolute与relative
- position属性:absolute与relative的区别
- position属性absolute与relative 的区别
- CSS的position属性:relative和absolute
- position属性absolute与relative 的区别
- 怎么样去掉DIV与DIV的空白
- position属性:absolute&relative
- position属性absolute与relative 详解 不为人知的(fixed)绝对定位(fixed相对于浏览器窗口=不动的div)
- 关于div的position属性
- position属性absolute与relative
- position属性absolute与relative
- Position属性之relative用法
- 转载:总结使用libwebsockets
- 第十题 二分查找 还是有好多错误
- 交叉熵代价函数定义及其求导推导(读书笔记)
- 哲学家就餐问题-预备知识及深入探讨
- KMP 入门水题 hdu 2087 剪花布条
- position:relative;top属性移动div后的空白怎么去掉?
- 【object window】= $0
- POJ
- java方向
- 一些看起来很特殊的for循环代码,以及sizeof和strlen代码运行机制,还有#define
- AndroidStudio中修改项目名称和包名
- 链栈实现数制的转换
- mongodb复制集安装
- 学习随记