前端面试题及答案:请戳出ie6/7下特有的cssbug

119 篇文章 3 订阅
91 篇文章 0 订阅

前端面试题及答案:请戳出ie6/7下特有的cssbug

  • li边距“无故” 增加 设置ul的显示形式为display:inline一block;即可,前面加是只 针对IE6/IE7有效
  • IE6 不支持min-height属性,但它却认为height就是最小高度 使用ie6不支持但其余浏览器支持的属性!important。
  • Overflow: 在IE6/7中,overflow无法正确的隐藏有相对定位position:relative;的子元素。解决方法就是给外包容器.wrap加上position:relative;。
  • border:none 在IE6不起作用: 写成border:0 就可以了 五:100%高度 在IE6下,如果要给元素定义100%高度,必须要明确定义它的父级元素的高度,如果你需要给元素定义满屏的高度,就得先给html和body定义 height:100%;。
  • 双边距 Bug 当元素浮动时,IE6会错误的的把浮动方式的margin值双倍计算,给float的元素添加一个display:inline
  • 躲猫猫bug 定义了:hover的链接,当鼠标移到那些链接上时,在IE6下就会触发躲猫猫。 1.在(那个未浮动的)内容之后添加一个<span style=”clear: both;”> 2.触发包含了这些链接的容器的hasLayout,一个简单的方法就是给其定义height:1%;
  • IE6 绝对定位的元素1px 间距bug 当绝对定位的父元素或宽度为奇数时,bottom和right会多出现1px, 解决方案,针对IE6进行hack处理
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值