请问flex布局高度自适应问题
来源：3-3 Flex弹性盒模型
李姓青年_
2016-03-28 18:46
请问当flex-direction: column; 父容器的高度只能用px单位 貌似不能用100%； 这个怎么办
写回答
关注
2回答
-
- StayRealDream
- 2016-05-01 12:29:01
<style>
html,body{height: 100%;margin: 0;padding: 0;}
#outer{height: 100%;background-color: #ffc;display: flex;flex-direction: column;}
或者height:400px;
.inner{height: 40%;flex: 1 1 auto;margin-bottom:20px;background-color: #ddf;}
</style>
<body>
<div id="outer">
<div class="inner"></div>
<div class="inner"></div>
</div>
</body>
能不能用百分比要看父元素高度是否存在
-
- 学习者1514
- 2016-03-29 16:17:46
因为是按照父容器的高度来设置百分比的 你说的父容器 是因为它的父容器没有设置高度 所以不能设置% 如果父容器的父容器 设置了高度 则父容器就能设置%
Hello，移动WEB
课程介绍移动web的开发基础，排版布局，常见移动web问题
110229 学习 · 177 问题
相似问题