2019前端面试题 CSS篇

1.content-box和border-box，为什么看起来content-box更合理，但还是经常使用border-box?

content-box是W3C的标准盒模型 元素宽度+padding+border
border-box 是ie的怪异盒模型，他的元素宽度等于内容宽度 内容宽度包含了padding和border
比如有时候在元素基础上添加内边距padding或border会将布局撑破 但是使用border-box就可以轻松完成

2.实现三个DIV等分排在一行（考察border-box)

1.设置border-box width 33.33%
2.flexbox flex:1

3.实现两栏布局有哪些方法

方法一：

*{
   
	margin: 0;
	padding:0;
}
html,body{
   
	height: 100%;
}
#left{
   
	width: 300%;
	height: 100%;
	float: left;
}
#right{
   
	height: 100%;
	margin-left: 300px;
	background-color