flex容器宽度不真实解决办法

一般我们flex外围的容器限定了宽度

而flex内的宽度却超过了显示宽度

这时虽然可以正常布局

但是如果通过获取clientWidth和offsetWidth是最多只能获取到容器的宽度的

也就是以下情况

<div class="box">
    <div class="flex">
        ...若干子元素
    </div>
 </div>

这时候我们直接获取flex的宽度 最大就是box的宽度

而不是flex的实际宽度

这里我们就要使用scrollWidth来获取实际宽度

html
48 views
Comments
登录后评论
Sign In
·

sunglasses 给你个建议,大部分(95%) layout 都不需要用到原生 dom 去获取 clientWidth 这些宽度高度值的,一般样式就可以解决了