首頁  >  文章  >  web前端  >  关于CSS的问题_html/css_WEB-ITnose

关于CSS的问题_html/css_WEB-ITnose

WBOY
WBOY原創
2016-06-21 09:35:291084瀏覽



上面是 一个超链接 在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; }

试试

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

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

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn