web前端笔试

1.列举不同的清除浮动的技巧，并指出它们各自适用的使用场景

1.使用空标签清除浮动。这种方法是在所有浮动标签后面添加一个空标签定义css clear:both.弊端就是增加了无意义标签。
2.使用overflow。给包含浮动元素的父标签添加css属性overflow:auto;zoom:1;zoom:1用于兼容IE6。
3.使用after伪对象清除浮动。该方法只适用于非IE浏览器。具体写法可参照以下示例。使用中需注意以下几点。一、该方法中必须为需要清除浮动元素的伪对象中设置height:0，否则该元素会比实际高出若干像素；二、content属性是必须的，但其值可以为空，content属性的值设为”.”，空亦是可以的。

.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1}

4.设置高度

2.css hack
1、css类内部 hack （属性前缀）
(* + #)ie6,7都支持 - _ 仅ie6支持 \0仅ie8,9,10支持 \9\0仅ie9,10支持
2、选择器hack（选择器前缀）
*html(ie6) *+html(ie7) @media
screen\9{.....}(仅对ie6,7)
3、css头部引用hack
<!--[if IE 6]>或 <!--[if
gte IE 6]> 或<!--[if ! IE 6]>
<![endif]-->