首先了解CSS3支持vw(视口宽度)和vh(视口高度)作为单位
例如:1vh表示视口高度的1%
所以在CSS3中,我们可以使用calc()函数来进行动态计算:
例如:
<div>
<div class="div1"></div>
<div class="div2"></div>
</div>
假设div1的固定宽度为120px,那么要想让div2盒子填满页面剩余宽度,可以设为:width: calc(100vw - 120px)
首先了解CSS3支持vw(视口宽度)和vh(视口高度)作为单位
例如:1vh表示视口高度的1%
所以在CSS3中,我们可以使用calc()函数来进行动态计算:
例如:
<div>
<div class="div1"></div>
<div class="div2"></div>
</div>
假设div1的固定宽度为120px,那么要想让div2盒子填满页面剩余宽度,可以设为:width: calc(100vw - 120px)