题解 | #盒模型 - border-box#
盒模型 - border-box
https://www.nowcoder.com/practice/67bbcc5564cb495cb6c18e868c4aaf0b
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
.border-box {
box-sizing: border-box;
width: 100px;
height: 100px;
padding: 5px;
border: 5px solid black;
}
</style>
</head>
<body>
<div class="border-box"></div>
</body>
</html>
- 在没有设置box-sizing属性时，默认是content-box类型。
- 要想设置border-box类型的盒子，必须加”box-sizing：border-box；“显示设置。
