我试图弄清楚如何使元素的宽度动态。
我有一个侧边栏,width: 350px
然后当出现全宽模式时,该侧边栏仍然应该可见。
这是模态所具有的:
position: fixed;
top: 0;
right: 0;
z-index: 1050;
width: 73%;
height: 100%;
outline: 0;
设置73%;
好宽度后,边栏始终可见,但是如果边栏更改其宽度会发生什么?
我正在使用React。我想这应该用JavaScript完成。
我应该怎么做才能达到我所需要的?
您可以像这样使用calc()(Just css):
width: calc(100% - 350px);
哪里350px
是侧边栏的宽度。
如果sideBar的宽度发生变化,则需要获取新的宽度,并用350px
变量holdign替换该新宽度的值。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句