I'amNotYou

Asked:2020-10-11 15:06:10 +0000 UTC2020-10-11 15:06:10 +0000 UTC 2020-10-11 15:06:10 +0000 UTC

确定活动的高度将此高度设置为元素

块 BLOCK#1 和 BLOCK#2 的宽度为 100%。如何自动将块 BLOCK#1 的高度设置为可见浏览器窗口的大小（红线）？

Best Answer

Qwertiy

html, body, .block-1 {
  height: 100%;
  margin: 0;
}

.block-1 {
  background: silver;
}

<div class=block-1>Первый</div>
<div class=block-2>Второй</div>

Qwertiy

body {
  margin: 0;
}

.block-1 {
  height: 100vh;
  background: silver;
}

<div class=block-1>Первый</div>
<div class=block-2>Второй</div>

确定活动的高度 将此高度设置为元素