如何根据另一个元素的宽度设置一个元素的宽度?

我试图弄清楚如何使元素的宽度动态。

我有一个侧边栏,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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

根据具有纯CSS的另一个元素的宽度设置跨度的宽度

来自分类Dev

角度如何根据另一个元素更新元素宽度

来自分类Dev

如何根据另一个不相关的元素定义一个元素的宽度?

来自分类Dev

使一个元素的宽度与另一个元素的宽度相同

来自分类Dev

当另一个元素具有固定宽度时,如何使div元素自动适合

来自分类Dev

Android将ImageView的宽度设置为另一个元素的比例(给定ID)

来自分类Dev

您可以相对于另一个元素设置CSS最小宽度吗?

来自分类Dev

如何根据另一个视图的位置设置视图宽度?

来自分类Dev

CSS 根据另一个元素设置颜色

来自分类Dev

设置元素的左边距和宽度以匹配另一个元素的边距和大小

来自分类Dev

如何根据另一个具有特定类的元素设置一个元素的CSS?

来自分类Dev

根据另一个固定伸缩列的宽度

来自分类Dev

设置div的宽度等于另一个div

来自分类Dev

如何在 json 响应中找到一个元素,然后根据该对象中另一个元素的内容设置一个变量?

来自分类Dev

根据另一个元素属性选择元素

来自分类Dev

在React中,如何根据另一个元素的事件设置选择的值

来自分类Dev

如何根据另一个列表中另一个元素的索引从列表中写出元素?

来自分类Dev

相对于另一个元素调整宽度

来自分类Dev

AngularJS根据另一个元素设置元素固定位置

来自分类Dev

根据另一个元素的渲染高度设置元素的底部位置

来自分类Dev

单击另一个元素时如何关闭另一个元素

来自分类Dev

获取元素的宽度并相对于第一个元素应用到另一个元素?

来自分类Dev

根据另一个列表中的元素重复一个列表中的元素

来自分类Dev

根据另一个元素的变化获取一个元素(jQuery)

来自分类Dev

Javascript /根据另一个元素的位置定位一个元素

来自分类Dev

Javascript /根据另一个元素的位置定位一个元素

来自分类Dev

根据另一个元素的位置选择一个xpath元素

来自分类Dev

根据另一个列表中的元素重复一个列表中的元素

来自分类Dev

MongoDB:根据另一个元素的存在更新数组的一个元素

Related 相关文章

  1. 1

    根据具有纯CSS的另一个元素的宽度设置跨度的宽度

  2. 2

    角度如何根据另一个元素更新元素宽度

  3. 3

    如何根据另一个不相关的元素定义一个元素的宽度?

  4. 4

    使一个元素的宽度与另一个元素的宽度相同

  5. 5

    当另一个元素具有固定宽度时,如何使div元素自动适合

  6. 6

    Android将ImageView的宽度设置为另一个元素的比例(给定ID)

  7. 7

    您可以相对于另一个元素设置CSS最小宽度吗?

  8. 8

    如何根据另一个视图的位置设置视图宽度?

  9. 9

    CSS 根据另一个元素设置颜色

  10. 10

    设置元素的左边距和宽度以匹配另一个元素的边距和大小

  11. 11

    如何根据另一个具有特定类的元素设置一个元素的CSS?

  12. 12

    根据另一个固定伸缩列的宽度

  13. 13

    设置div的宽度等于另一个div

  14. 14

    如何在 json 响应中找到一个元素,然后根据该对象中另一个元素的内容设置一个变量?

  15. 15

    根据另一个元素属性选择元素

  16. 16

    在React中,如何根据另一个元素的事件设置选择的值

  17. 17

    如何根据另一个列表中另一个元素的索引从列表中写出元素?

  18. 18

    相对于另一个元素调整宽度

  19. 19

    AngularJS根据另一个元素设置元素固定位置

  20. 20

    根据另一个元素的渲染高度设置元素的底部位置

  21. 21

    单击另一个元素时如何关闭另一个元素

  22. 22

    获取元素的宽度并相对于第一个元素应用到另一个元素?

  23. 23

    根据另一个列表中的元素重复一个列表中的元素

  24. 24

    根据另一个元素的变化获取一个元素(jQuery)

  25. 25

    Javascript /根据另一个元素的位置定位一个元素

  26. 26

    Javascript /根据另一个元素的位置定位一个元素

  27. 27

    根据另一个元素的位置选择一个xpath元素

  28. 28

    根据另一个列表中的元素重复一个列表中的元素

  29. 29

    MongoDB:根据另一个元素的存在更新数组的一个元素

热门标签

归档