如何解决如何使拉伸元素与另一个类似/div 元素重叠使用 flex-wrap 选项?
我需要第一个按钮来重叠它下面的所有其他项目。然而,这些元素不应该被“钉住”。由于这些项目在一个 flex 项目中,当 flex 项目调整大小时, flex-wrap 应该可以工作。
按钮拉伸时怎么不拉伸?
在此先感谢您的帮助!
#c{
display: flex;
flex-direction: column;
align-items: flex-start;
}
.uInput *{
align-self: center;
}
.uInput #dropdown{
max-height: 0px;
overflow: hidden;
margin: 0px;
}
.uInput:focus #dropdown{
max-height: 1000px;
transition: max-height 0.6s ease-in;
}
<div id="c">
<button class="uInput">
<img src="#">
<p id="lable">SOMETHING</p>
<div id="dropdown">
<p>Item</p>
<p>Item</p>
</div>
</button>
<button class="uInput">
<img src="#">
<p id="lable">SOMETHING</p>
<div id="dropdown">
<p>Item</p>
<p>Item</p>
</div>
</button>
</div>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。