极客观点
项目管理
HarmonyOS
1 body自适应border怎么写？
如图所示
2
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
html,body{
width:100%;
height:100%;
}
html,body{
margin:0;
padding:0;
}
body{
border:1px solid #ccc;
}
</style>
</head>
<body>
</body>
</html>
因为盒模型的border和padding是不计算在content内容里的，你的width:100%;height:100%;也就是内容已经占满了，再加上border就超过了可视窗口的width和height，所以出现滚动条，加上css box-sizing: border-box;让内容包含border和padding就行了