昨天和今天的Css问题
四 09
Tags:css, ie6 5 Comments »
昨天面试问到了一个IE6的3PX问题，我回答了两个方法，一个是用hack，一个是用display inline，显然，我把3px问题和双边距问题搞错了。
IE6的3px问题。A层和B层。A浮动，B不浮动，那么在IE6下A和B之间会有3px的bug。
解决方法是用负margin或者给B也加个浮动。
IE6的双边距问题。如果A层向左浮动，并且有个margin-left，那么margin-left 就会出现双倍边距。
解决方法是A层加一句display inline 的样式或者用hack。
补充一个IE6注释问题。把一大堆注释放在包含在同一个DIV的不同元素之时就会时标签内部的文字莫名的出现重复。
解决方法是，把注释移到其他地方去或者干脆删掉。
回头想想，觉得自己的CSS基础还是不牢固，唉，基础不扎实，老毛病了。
我的Beautycss.org今天也修正了两个问题，一个是内容页的“最热文章” 错位问题，一个是图片自动缩小的问题。
“最热文章” 错位问题。万恶的帝国cms用落后的document.write来获取列表，IE6和7把行js也算为一行，这样就错位了。
解决方法是让所有的li浮动，然后给包含li的层一个高度，或者在最有个li的后面清除浮动。
图片自动缩小问题。我在CSS里这样定义了img。 img{height:auto;width:auto;} ,遇到这样的写法，IE6就会把图片缩小。
解决方法就是删掉它。
今天是裸奔节，本博客也积极号召响应，脱！
四月 9th, 2009 at 5:53 下午
专程来围观裸奔的，标签语义化做得比错~
[回复]
四月 9th, 2009 at 7:24 下午
ie6的这种hack可能会导致ajax应用时出现问题
[回复]
四月 11th, 2009 at 2:52 下午
申请友情链接！！！！
[回复]
四月 12th, 2009 at 9:33 下午
@XK, 已经加好了
[回复]
十二月 22nd, 2009 at 6:47 下午
鸟类网也总是出现图片自动缩小的问题——IE6下。img属性中并没有定义height:auto;width:auto;
一直找不到原因，郁闷。
[回复]