当前位置:编程学习 > html/css >>

谁能告诉这段CSS代码的显示效果是怎样的?

div#navsecond { float: left; margin: 0 0 0 6px; padding: 0; border: 0; width: 150px; background : transparent; } html>body div#navsecond { margin-left: 12px; } 我做了一下实验,将margin-left,margin分别改为150和0 0 0 300试了两次;刷新后,发现结果没有变,还是150时的样式。
追问:是不是意思就是在ie6中它的左边距为6px啊
答案:通过上面的样式,我们可以看到,这两个样式里都有div#navsecond,唯一不同的就是,第二个前面多了html>body,这是css hack的一种写法,现在有 IE7, FF, Saf, Opera 识别html>body,也就是说,第二个样式是定义 id为navsecond的div 在IE7, FF, Saf, Opera中的左边距为12px;
  所以,你看到没有变化,是因为你一直在一个浏览器中查看的原因。
  楼主的这段代码应该是解决在ie6中存在的双边距问题。

上一个:css中,怎样是table的内部边框显示出来啊???求解!!!!!
下一个:CSS设置图片大小JS怎么获取?

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,