预览
代码
如下图
有一黑色边框元素,以下称为元素 a
元素 a 内有一子元素,以下称该子元素为元素 b
元素 a 的宽度为 200px,padding 为 40px,背景颜色为黄色
元素 b 的宽度为 300px,背景为透明红色斜线,透过红色斜线可以看见元素 a 的背景
向元素 a 添加属性 overflow: scroll,结果如图所示
向下 /右拖动滚动条直到最下 /右为止,发现 chrome 和 firefox 的渲染结果不同
chrome
firefox
可以看到 chrome 的 scrollTop 值为 117,而 firefox 是 77
貌似 chrome 没算 padding-bottom?
这个显示结果相对于 W3C 规范来讲谁对谁错,还是我代码哪里写的有问题?
这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。
V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。
V2EX is a community of developers, designers and creative people.