Div 不能超出内容调整大小

Question

Div没有延伸到屏幕的尽头

CSS:

#page {
  background-color:white;
  color:black;
  position:absolute;
  top:0vh;
  left:2vw;
  width:96vw:
  height:100vh;
}

高度应该是 100 视口高度。宽度应该是 96 个视口宽度。

HTML:

<!DOCTYPE html>
<html>
    <head>
        <title>SpaceOS</title>
        <style>
        #page {
          background-color:white;
          color:black;
          position:absolute;
          top:0vh;
          left:2vw;
          width:96vw:
          height:100vh;
        }
        </style>
    </head>
    <body>
        <div id="page">
            <h1 class="title">SpaceOS</h1>
            <p class="error">Raspberry pi compatibility coming soon.</p>
        </div>
    </body>
</html>

现在是陈词滥调，请帮忙。

Answer 1

尝试在设置样式之前添加 #page:

html, body { height: 100%; width: 100%; }

Answer 2

据我所知，这只是一个简单的语法错误。当你声明#page 的宽度时，你没有放分号，而是放了一个冒号。所以只要改变这个：

  left:2vw;
  width:96vw:
  height:100vh;

对此：

  left:2vw;
  width:96vw;
  height:100vh;

问题解决了！

Div 不能超出内容调整大小

Div can't be resized beyond content

html

css

webpage

microsoft-edge