html5 - 一个页面布局上的问题
大家讲道理
大家讲道理 2017-04-17 11:55:43
0
3
257

我粗略的画了下,有疑问的是A部分

我的页面用如下样式:

html, body { height: 100%; }

这个A部分取clientHeight剩下的高度,可以想到的办法是用定位做,top=xx; bottom=0;,不知道还有什么思路可以实现A部分的高度。

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

Antworte allen (3)
巴扎黑

height:calc(100% - 100px - 100px)

    小葫芦

    可以固定高度部分用padding写内容定位上去; 接下去A部分用height:100%写,使用calc的话可能存在兼容问题

      刘奇

      方案1是

      A { height: 100%; padding: 固定高度 .childnode { height: 100%; } }

      方案二

      固定高度+A { position: absolute; top: 固定高度; bottom: 0; }

      方案二的好处是只要给固定高度一个样式就可以了,可以写成行内样式,也可以方便做例如隐藏固定高度这样的效果

        Neueste Downloads
        Mehr>
        Web-Effekte
        Quellcode der Website
        Website-Materialien
        Frontend-Vorlage
        Über uns Haftungsausschluss Sitemap
        Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!