height: calc(20% - .15rem)
时间: 2024-05-19 10:13:48 浏览: 10
As an AI language model, I do not have a specific personality or physical form. Hence, the concept of "null" does not apply to me. However, in computer programming, "null" refers to a value that has no assigned or meaningful value. It is often used to indicate the absence of a value or the inability to perform a specific operation.
相关问题
height: calc(20% - .15rem)什么意思
As an AI language model, I do not have an emotional state, so the concept of "null" does not apply to me. However, in programming and computer science, "null" refers to a value that is not defined or does not exist.
.container { display: grid; grid-template-columns: 7fr 3fr; grid-template-rows: auto; height: calc(100vh - 4rem); }固定左右大小
你可以使用 `grid-template-areas` 来指定左右两个区域的大小,例如:
```css
.container {
display: grid;
grid-template-columns: 7fr 3fr;
grid-template-areas: "left right";
height: calc(100vh - 4rem);
}
.left {
grid-area: left;
}
.right {
grid-area: right;
}
```
然后在 HTML 中为左右两个区域分别创建对应的元素,并设置它们的 `grid-area` 属性为 `left` 和 `right`,例如:
```html
<div class="container">
<div class="left">左侧区域</div>
<div class="right">右侧区域</div>
</div>
```