Даша Варшавская Asked:2020-06-20 20:13:37 +0000 UTC2020-06-20 20:13:37 +0000 UTC 2020-06-20 20:13:37 +0000 UTC 弹性盒布局 772 也许有人会告诉你如何在 flex box 上实现这一点,条件是移动版本中的右块将位于菜单和搜索栏之间 flexbox 1 个回答 Voted Best Answer Qwertiy 2020-06-20T21:39:56Z2020-06-20T21:39:56Z div { background: linear-gradient(to bottom, silver, blue); } .right { float: right; height: 4.5em; width: 30%; margin-left: .5em; } .left { height: 2em; overflow: hidden; } .top { margin-bottom: .5em; } @media (max-width: 500px) { section { display: flex; flex-direction: column; } .top { order: -1; } .right { margin: 0 auto .5em; } } <section> <div class="right"></div> <div class="left top"></div> <div class="left"></div> </section>
1 个回答