为什么设置元素宽度时无效？- 解决方案和技巧

3 min read

有几种情况会导致给元素设置宽度不起作用，包括：

  1. 元素被设置成 display: inline，这时候宽度属性设置无效，可以尝试将其设置成 display: inline-block 或 display: block；

  2. 宽度被子元素撑开，因为子元素没有设置宽度，或者设置宽度超过了父元素的宽度；

  3. 使用了 CSS 框架，可能会有相关的 CSS 样式覆盖了你设置的宽度；

  4. 用了一些浮动或者绝对定位的元素，宽度没有设置对应的值；

  5. 当存在 CSS 动画或者 transform 的时候，宽度属性可能会导致元素的动画或者 transform 不起作用，这时候可以考虑使用百分比或者最大宽度代替固定宽度。

希望这些提示对您有所帮助！