Div的大小不能超出内容

时间:2018-06-25 22:55:55

标签: html css webpage microsoft-edge

enter image description here

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>

现在为陈词滥调,请帮忙。

2 个答案:

答案 0 :(得分:1)

从我所看到的只是一个简单的语法错误。当您声明#page的宽度时,您没有放入分号,而是放入了冒号。因此,只需更改此内容即可:

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

对此:

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

问题解决了!

答案 1 :(得分:0)

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

echo "1528773495.945011914 : 8=FIX.4.2^A35=0^A108=20^A49=36593^A56=NSE^A10=000^A"\
 |awk '{gsub(/\^A/," ")}1'

1528773495.945011914 : 8=FIX.4.2 35=0 108=20 49=36593 56=NSE 10=000