HTML、CSS面试题大全 (单题)

题型 难易度 出现频率 浏览 评论
问答题 12 0
试题信息收集不易,转发请带上出处,不甚感谢!如果您对任何编程问题还有疑问,欢迎点击下方按钮向老师提问!
问答题

1)双边距BUG:float引起的,使用display:inline(在IE7,Firefox等浏览器下能正确解释左边距10px。但是在IE6下会理解为左边距20px。也就是说,在与浮动同方向的空白边会加倍,解决方法是为这个div的css中添加:display:inline,这样就可避免双倍边距bug)

2)3px空隙问题:float引起的,使用display:inline (当使用float浮动容器后,在IE6下会产生3px的空隙,因为是确切的3px,所以可以设置负边距来解决,比如.left{margin-right:-3px;}

3)超链接hover点击后失效:使用正确的书写顺序 link visited hover active

4)给子元素设置z-index不生效:给父级添加position:relative

5)min-height不生效:在min-height的末尾加上!important解决

6)IE6中奇数宽高的bug: IE6还有奇数宽高的bug,解决方案就是将外部相对定位的div宽度改为偶数

7)IE6下图片下方有空隙产生:解决这个bug的方法也有很多,可以是改变HTML的排版,或者定义img为display:block;或者定义vertical-align属性值为vertical-align:top | bottom | middle | text-bottom;可以设置父容器的字体大小为零,font-size:0

8)select 在ie6下遮盖 使用iframe嵌套

9)为什么没有办法定义1px左右的宽度容器(IE6默认的行高造成的,使用over:hidden,zoom:0.08 line-height:1px)

还能输入{{limitInput-commentDet.length}}个字符