html5 - 一个页面布局上的问题
大家讲道理
大家讲道理 2017-04-17 11:55:43
[HTML讨论组]

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

我的页面用如下样式:

html, body {
  height: 100%;
}

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

大家讲道理
大家讲道理

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

全部回复(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;
}

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号