火狐浏览器的overflow-y:auto块级元素不自适应
时间: 2024-02-23 18:59:42 浏览: 121
在IE下,当margin:0 auto;无法使得块级元素水平居中时
如果你在使用 Firefox 浏览器时,发现设置了 `overflow-y:auto` 的块级元素不自适应,可能是因为 Firefox 默认会为这些元素添加一个 `padding-right` 的值,以保留滚动条的空间。这可能会导致元素宽度不够,内容被隐藏。
解决这个问题的方法是,给元素添加一个 `box-sizing:border-box` 的样式,以确保元素的宽度包括了 padding 和 border 的值。例如:
```css
.my-element {
overflow-y: auto;
box-sizing: border-box;
}
```
这样就可以保证元素能够根据内容自适应宽度,并且能够正确显示滚动条。
阅读全文