html自适应分栏,border-box实现自适应分栏布局(示例代码)

简介这篇文章主要介绍了border-box实现自适应分栏布局(示例代码)以及相关的经验技巧，文章约1210字，浏览量245，点赞数4，值得参考！

最近看些老东西，发觉ie下的盒模型用处还是挺大的

content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

Document

body{

padding: 0;

margin: 0;

}

.panel-list{

width: 100%;

}

.panel{

float: left;

width: 25%;

height: 200px;

background: #f00;

border: 2rem solid #fff;

box-sizing: border-box;

}