我正在尝试使用以下设计为自己构建一个 flexbox:
我的 html 看起来像这样(我不想改变它):
<div class="wrapper">
<div class="page-header">Heading</div>
<h3 class="right_1">right_1</h3>
<div class="right_2">right_2</div>
<div class="left">form element</div>
<h3 class="right_3">right_3</h3>
<div class="right_4">right_4</div>
</div>
这是 joomla 联系页面的标准布局。我想在不更改 html/php 代码的情况下更改设计。
使用 flexbox 可以吗?
我可以使用@media
查询进行right_1
-在移动视图right_4
下left
移动(< 800px 或示例)?
我自己无法让它工作,我总是以right_1
-right_4
彼此相邻而不是它们堆叠到左侧部分的总高度结束。