有点d伤

关注

css如何让页面填满剩余高度与宽度

有点d伤

关注

阅读 109

2022-01-27

首先了解CSS3支持vw(视口宽度)和vh(视口高度)作为单位
例如:1vh表示视口高度的1%

所以在CSS3中,我们可以使用calc()函数来进行动态计算:
例如:

<div>
    <div class="div1"></div>
    <div class="div2"></div>
</div>

假设div1的固定宽度为120px,那么要想让div2盒子填满页面剩余宽度,可以设为:width: calc(100vw - 120px)

相关推荐

南陵王梁枫

JavaScript 页面 宽度 、高度 (一)

南陵王梁枫 44 0 0

是波波呀

Antd Table自适应页面剩余高度

是波波呀 290 0 0

caoxingyu

CSS 控制最小宽度,最小高度

caoxingyu 91 0 0

向上的萝卜白菜

css深入浅出之宽度与高度

向上的萝卜白菜 83 0 0

佃成成成成

css 保持元素宽高比 随页面宽度变化高度自适应

佃成成成成 12 0 0

奋斗De奶爸

如何让高度、宽度不定的容器保持水平、垂直居中

奋斗De奶爸 27 0 0

搬砖的小木匠

css:以 :% - px 形式赋值高度宽度等

搬砖的小木匠 80 0 0

婉殇成长笔记

获取页面的可视化高度和宽度

婉殇成长笔记 46 0 0

小沙坨

iframe标签嵌套页面时,如何让页面内的高度自适应

小沙坨 53 0 0

四月Ren间

CSS如何让iframe实现自适应高度的效果

四月Ren间 87 0 0

精彩评论(0)

0 0 举报