修改页面高度(底部出现白边) 您所在的位置:网站首页 ins自带的白边框 修改页面高度(底部出现白边)

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

2023-09-07 19:46| 来源: 网络整理| 查看: 265

最简单的改法时直接观察修改height,但是将height写死,在不同环境中打开界面会存在隐患,不建议使用!

  (1)设置style="height:100%"

    注意:使用 height:100% 时,一定要将它的所有父级都设置 height:100%,这里引用一个例子 ↓

这样这个div的高度就会100%了

(2)调整padding 或者 margin

         关于这两者之间,这里引用一篇文章 http://www.hicss.net/use-margin-or-padding/

        margin是用来隔开(外框)元素与元素的间距;padding是用来隔开(内在)元素与内容的间隔。margin用于布局分开元素,使元素与元素互不相干;padding用于元素与内容之间的间隔,让内容(文字)与(包裹)元素之间有一段“呼吸距离”。

这里padding 和 margin 都有bottom、left、right、top,可根据具体情况设置。

滚动条问题。

(1)当界面出现两个滚动条时,即存在界面高度问题,可根据上述步骤进行调整。

(2)隐藏滚动条,在标签中添加 style="overflow: hidden;"

标签。

可添加 vertical-align:bottom;



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有