javascript - 父元素默认最小高度为400px,子元素高度为100%为什么不行?
巴扎黑
巴扎黑 2017-04-11 11:37:40
[JavaScript讨论组]

html

当设置amin-height为400px时,a的默认高度为400px,但是接着设置b的高度为height:100%时,a的高度就变化了,或者b的高度不生效

其实就是要完成一个效果就是b的默认高度等于a,当b的内容溢出默认高度时,增加a的高度:

例如:

c的高度为100px,这时候B和A的高度需要适应

巴扎黑
巴扎黑

全部回复(5)
PHPz

高度没有百分比
高度百分比的大小是相对其父级元素宽高的大小,如最外层元素设置的百分比是对应屏幕而言的。



测试了一下
建议b用min-heihgt和a不要加高度.即可,
用height在dom树渲染时就固定了高度
.a{min-height:400px;} 
.b{min-height:100%;}
PHP中文网

你可以给父元素加绝对定位,然后子元素加相对定位,这样子元素的高度就会根据父元素的高度进行计算,变成你想要的那种效果

<p class="a">
<p class="b"></p>
</p>

<style type="text/css">
.a{width: 1000px;min-height: 400px;background: pink;position: relative;}
.b{height: 100%;width: 300px;background: black;position: absolute;}
</style>

PHPz

是不是你哪里写错了,我测试了一下a完全可以自适应b的高度.

高洛峰

要b做什么 a直接auto不就好了

ringa_lee

额 你是想让父元素适应子元素的高度吗? 在父元素上设置height:auto 不就好了么?

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

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