<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
body {
width: 100%;
height: 100%;
}
.container > div {
float: left;
border: 1px solid black;
background-color: coral;
height: 500px;
}
.c1 > div {
width: 100%;
height: 100%;
}
.c2 > div {
width: 100%;
height: 100%;
}
.c3 > div,
.c4 > div {
width: 50%;
height: 50%;
}
.c5 > div,
.c6 > div {
width: calc(100% / 3);
height: 50%;
}
</style>
</head>
<body>
<div class="container c5">
<div style="display: none">1</div>
<div style="display: none">2</div>
<div style="display: none">3</div>
<div>4</div>
<div style="display: none">5</div>
<div>6</div>
<div>7</div>
<div style="display: none">8</div>
<div>9</div>
<div>0</div>
</div>
</body>
</html>
这是我全部的代码
但是用谷歌浏览器打开后出现这个错误
请问一下大佬这是什么原因