css - 仅使用 CSS 将 DIV 放在另一个上

Question

我正在尝试仅使用 CSS 将 div 放在另一个上，因为它将具有 PC 和移动样式。

例如，我有一个内部有 3 个 div 的容器（仅用于此示例的样式 att）：

<div>
<div style='float:left;'>div #1</div>
<div style='float:left;'>div #2</div>
<div style='float:right;'>div #3</div>
</div>

将显示为

-----------------------
--div #1--div#2--div3--
-----------------------

但在手机中会显示为

-----------------------
--div #1---------------
--div #2---------------
---------------div #3--

所以我计划为移动设备使用不同的东西：

-----------------------
--div #1-------div #3--
---------div #2--------

分辨率从 320px 到 1024px：

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 1024px) {
/* HERE MY CSS */
}

那么，这可能吗？提前感谢您的帮助/建议。

score 1 · Accepted Answer

放在anddiv #3之间，使用您当前的 css，结果将是您想要的。div #1div #2

<div>
    <div style='float:left;'>div #1</div>
    <div style='float:right;'>div #3</div>
    <div style='float:left;'>div #2</div>
</div>

1 回答 1