本文主要是介绍修改页面高度（底部出现白边），希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
最简单的改法时直接观察修改height，但是将height写死，在不同环境中打开界面会存在隐患，不建议使用！
（1）设置style="height:100%"
注意：使用 height:100% 时，一定要将它的所有父级都设置 height:100%，这里引用一个例子 ↓
<html style="height: 100%;"><body style="height: 100%;"><div style="height: 100%;"><p>这样这个div的高度就会100%了</p></div></body>
</html>（2）调整padding 或者 margin
关于这两者之间，这里引用一篇文章 http://www.hicss.net/use-margin-or-padding/
margin是用来隔开（外框）元素与元素的间距；padding是用来隔开（内在）元素与内容的间隔。margin用于布局分开元素，使元素与元素互不相干；padding用于元素与内容之间的间隔，让内容（文字）与（包裹）元素之间有一段“呼吸距离”。
这里padding 和 margin 都有bottom、left、right、top，可根据具体情况设置。
滚动条问题。
（1）当界面出现两个滚动条时，即存在界面高度问题，可根据上述步骤进行调整。
（2）隐藏滚动条，在<html>标签中添加 style="overflow: hidden;"
<iframe>标签。
可添加 vertical-align:bottom;
这篇关于修改页面高度（底部出现白边）的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
