为了账号安全,请及时绑定邮箱和手机立即绑定

请问flex布局高度自适应问题

请问当flex-direction: column;   父容器的高度只能用px单位  貌似不能用100%;  这个怎么办

正在回答

2 回答

<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>

能不能用百分比要看父元素高度是否存在

0 回复 有任何疑惑可以回复我~

因为是按照父容器的高度来设置百分比的  你说的父容器 是因为它的父容器没有设置高度 所以不能设置%  如果父容器的父容器 设置了高度  则父容器就能设置%

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

请问flex布局高度自适应问题

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信