.but { position: fixed; width: 100vw; height: calc(100vh - 50px); border: 8px solid black; }不对,参照,上面样式,修改宽度
时间: 2024-04-08 13:29:51 浏览: 10
如果您希望修改 `.but` 元素的宽度,可以根据您的需求对 `width` 属性进行调整。以下是修改宽度的示例:
```css
.but {
position: fixed;
width: 80vw; /* 设置宽度为视口宽度的 80% */
height: calc(100vh - 50px);
border: 8px solid black;
}
```
在上面的示例中,我将宽度设置为视口宽度的 80%,您可以根据需要调整百分比值来实现所需的宽度效果。请注意,这里使用的是视口单位 `vw`,表示相对于视口宽度的百分比。
根据您的具体需求,您可以尝试不同的宽度值,如 `70vw`、`90vw` 等,以达到您想要的样式。
相关问题
``` height: calc(100vh - 120px - 180px) !important; ```
这行代码是一个CSS样式规则,用于设置元素的高度。具体解释如下:
```css
height: calc(100vh - 120px - 180px) !important;
```
- `100vh`:视口高度的百分比,表示元素的高度将占据整个视口的百分之一。
- `- 120px`:减去120像素的高度。
- `- 180px`:再减去180像素的高度。
- `!important`:表示这个样式规则具有最高优先级,将覆盖其他可能存在的相同属性的样式规则。
综上所述,这行代码的作用是将元素的高度设置为视口高度减去120像素和180像素后的值,并且具有最高优先级。
width: calc(100% - $base-menu-width); height: calc(100vh - 60px);有什么用
这段代码的作用是设置一个元素的宽度和高度。其中calc()函数用于计算元素的尺寸,100%表示元素宽度和父元素宽度相同,$base-menu-width是一个变量,表示菜单栏的宽度,这段代码计算出来的宽度就是父元素宽度减去菜单栏宽度。同理,100vh表示元素高度占据整个视口高度,60px是一个固定值,表示元素的上下边距。这样设置宽度和高度可以让元素自适应浏览器窗口大小,并且在有固定高度的元素存在时,可以减去它的高度,使得元素能够占据剩余的空间。