Html 如何删除滚动条并显示实心边框？_Html_Css

Html 如何删除滚动条并显示实心边框？

html css

Html 如何删除滚动条并显示实心边框？,html,css,Html,Css,我想创建一个边框环绕的页面，如下所示：我的html如下所示： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Stuff</title> <link href="css/projects.css" rel="stylesheet"> </head> <body> <

我想创建一个边框环绕的页面，如下所示：

我的html如下所示：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Stuff</title>
    <link href="css/projects.css" rel="stylesheet">
</head>
<body>
</body>
</html>

但由于某些原因，页面底部会出现滚动条溢出，底部边框会从视图中被切断，直到您向下滚动。如何在没有滚动条的情况下使页面周围的边框可见

html{
身高：100%；
边框：10px纯红；
框大小：边框框；
}


东西

使用此选项：

html{
身高：100%；
边框：10px纯红；
框大小：边框框；
}


东西

问题是在计算附加边界高度之前，要考虑100%的高度。为了避免溢出，您需要从100%高度计算中减去

20px

（顶部和底部的10px）。这可以通过

计算（100%-20px）

完成：

html{
高度：计算（100%-20px）；
边框：10px纯红；
}


东西

问题是在计算附加边界高度之前，要考虑100%的高度。为了避免溢出，您需要从100%高度计算中减去

20px

（顶部和底部的10px）。这可以通过

计算（100%-20px）

完成：

html{
高度：计算（100%-20px）；
边框：10px纯红；
}


东西

html {
    height: 100%;
    border: 10px solid red;
}