如上,设置wrapper的高度为100vh,flex布局为column排布。content的高度为flex:1,填充bottom的剩余高度。原本应该是这样的结果
但是实际上表现,inner高度超过了wrapper的剩余高度,会使得content撑开变成inner的高度,而不是填充wrapper减去bottom的剩余高度
要如何处理呢?
如上,设置wrapper的高度为100vh,flex布局为column排布。content的高度为flex:1,填充bottom的剩余高度。原本应该是这样的结果
但是实际上表现,inner高度超过了wrapper的剩余高度,会使得content撑开变成inner的高度,而不是填充wrapper减去bottom的剩余高度
要如何处理呢?
2 回答899 阅读✓ 已解决
3 回答752 阅读✓ 已解决
4 回答1.2k 阅读✓ 已解决
2 回答1.5k 阅读✓ 已解决
2 回答1.3k 阅读✓ 已解决
2 回答867 阅读✓ 已解决
2 回答1.1k 阅读✓ 已解决
你先检查是否清除html,body的margin,如果未清除,则清楚一下,看一下效果。
demo