VIP26/day16/css/7.盒模型.css

* {
    margin: 0;
    padding: 0;
}
ul {
    display: flex;
    list-style: none;
    flex-wrap: wrap;
}
li {
    width: 20%;
    height: 100px;
    background: #f00;
    border: 1px solid #ff0;
    padding: 10px;
    margin: 10px;
    box-sizing: content-box;
}
/* 
    盒模型：

        （W3c万维网）标准盒模型:box-sizing:content-box
        内容计算：content = width(height)
        盒子的总宽度：content + padding + border +margin
        (IE盒模型)怪异盒模型:box-sizing:border-box;
        内容计算：content = width(height) + padding + border  
        盒子的总宽度：content + margin   
*/