css面试题:
1、清楚浮动有哪些方式?比较好的方式是哪一种
•1、父级div定义height。
•2、结尾处加空div标签clear:both。
•3、父级div定义伪类:after和zoom。
•4、父级div定义overflow:hidden。
•5、父级div定义overflow:auto。
•6、父级div也浮动,需要定义宽度。
•7、父级div定义display:table。
•8、结尾处加br标签clear:both。
•比较好的是第3种,好多网站都这样用
2、CSS实现垂直水平居中
- .wrapper{position:relative;} //父级
.content{
background-color:#6699FF;
width:200px;
height:200px;
position: absolute; //父元素需要相对定位
top: 50%;
left: 50%;
margin-top:-100px ; //二分之一的height,width
margin-left: -100px;
} - .content{
width: 200px;
height:200px;
position: relative;
border: 1px solid rebeccapurple;
top:50%;
left:50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}