修改页面高度(底部出现白边)

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值