最简单的改法时直接观察修改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;