CSS模拟题

文章目录

    • 1. 三栏布局,两边各200px;中间自适应
    • 2.IE6 BUG的解决方法
    • 3.清除浮动的几种方式,各自的优缺点

1. 三栏布局,两边各200px;中间自适应

方法:绝对定位,圣杯布局,自身浮动,flex布局
查看>>

2.IE6 BUG的解决方法

1.双边距BUG float引起的 使用display
2.3像素问题 使用float引起的 使用dislpay:inline -3px
3.超链接hover 点击后失效 使用正确的书写顺序 link visited hover active
4.Ie z-index问题 给父级添加position:relative
5.Png 透明 使用js代码 改
6.Min-height 最小高度 !Important 解决’
7.select 在ie6下遮盖 使用iframe嵌套
8.为什么没有办法定义1px左右的宽度容器(IE6默认的行高造成的,使用over:hidden,zoom:0.08 line-height:1px)
9.ie 6 不支持!important

3.清除浮动的几种方式,各自的优缺点

1.使用空标签清除浮动 clear:both(理论上能清楚任何标签,增加无意义的标签)
2.使用overflow:auto(空标签元素清除浮动而不得不增加无意代码的弊端,使用zoom:1用于兼容IE)
3.是用afert伪元素清除浮动(用于非IE浏览器)

你可能感兴趣的:(CSS)