小编dan*_*_lr的帖子

画布尺寸导致出现垂直滚动条

在此页面上，它显示了垂直滚动条。为什么呢如果我将'canvas'元素替换为'div'元素，则一切正常。为了使滚动消失，我可以更改：

高度：calc（100％-80px）;

至：

高度：calc（100％-85px）;

但这是不对的，因为我丢失了页面底部的空间。

    <!DOCTYPE html>
<html lang="en-us">

<head>
    <style>
        html {
            padding: 0px;
            border: 0px;
            margin: 0px;
            height: 100%;
            width: 100%;
        }

        body {
            padding: 0px;
            border: 0px;
            margin: 0px;
            height: 100%;
            width: 100%;
            background: #00FFFF;
        }

        .top {
            padding: 0px;
            border: 0px;
            margin: 0px;
            background-color: #FF0000;
            width: 100%;
            height: 80px;
        }

        .cv {
            padding: 0px;
            border: 0px;
            margin: 0px;
            background-color: #00FF00;
            width: 100%;
            height: calc(100% - 80px);
            border-image-width: 0px;       
        }
    </style>

</head>

<body>

    <div class="top"> …

Run Code Online (Sandbox Code Playgroud)

css html5 canvas css3

dan*_*_lr

lucky-day

1
推荐指数

1
解决办法

1152
查看次数