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

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

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

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

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐