如果padding-bottom: 100%;不生效,很可能是因为父元素没有设置明确的高度,或者存在其他CSS规则覆盖了该设置。解决这个问题的关键是确保父元素有具体的高度信息,并检查是否有其他CSS规则影响padding-bottom的应用。如果问题仍然存在,请考虑使用开发者工具进行调试,并检查是否有浏览器兼容性问题。
如下是一个grid布局示例,给content区域设置了padding: 24px,但是当content区域出现滚动条时content的padding-top,padding-left,padding-right都生效,唯独padding-bottom不生效了。 <template lang="html"> Header Menu {{ i }} Footer </template> export default { } .app { height: 100vh; width...