首页 > web前端 > html教程 > 关于CSS的问题_html/css_WEB-ITnose

关于CSS的问题_html/css_WEB-ITnose

WBOY
发布: 2016-06-21 09:35:29
原创
1096 人浏览过



上面是 一个超链接 在ie的调试器下 布局模式下的一张截图  上面的208指的是什么呢??


回复讨论(解决方案)

offsetLeft值,相对于body元素的水平距离。

同样的代码 在ie7下是208 在ie8下是206 总是有两个像素的偏差 如何固定这个值呢? 



    

    

    文件输出(word导出)
    演示
    下拉提示
    jquery文档nihao
    

    




就这么一段代码 id="a1" 的那个超链接 在ie7下 到body的距离offsetLeft 是0  在ie8下是1  如何去掉ie8下的那一个像素呢 或者加上ie7下的那一个像素。

http://blog.csdn.net/sallay/article/details/3721356

刚测试了
在dtd模式下,ie6、7把body等标签默认的margin padding 直接无视了

<!DOCTYPE HTML><html>	<head>		<meta charset="gb2312" />		<title></title>		<style>		</style>			</head>	<body>		<div>			<div>				<a href="" id="test">123</a>			</div>		</div>		<script>			function $(el){				return typeof el == 'string' ? document.getElementById(el) : el;			}			$('test').innerHTML = $('test').offsetLeft		</script>	</body></html>
登录后复制



楼主 在你的style中加上 
* { margin:0; padding:0; }

试试

搞了一上午 发现了原因  两个超链接之间本来是没有外边距的  如
中国河南 
页面显示为 中国河南

但如果两个超链接换了行 他们之间就有一个空隙 如
中国
河南
页面显示为 中国 河南  中国和河南之间留了一点空隙 而且这个空隙 在不同的浏览器之间宽度不一致。

 该如何去掉 两个超链接换行后 产生的空隙 或者让他们的空隙在不同的浏览器之间表现一致???

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板