5

画面が広い場合に並べて表示される 3 つの div があります。

<div class="div1"></div><div class="div2"></div><div class="div3"></div>

| | div1 | div2 | div3 |

(すべて左に浮いています)

これらは正常に機能していますが、画面が小さくなると、次のように表示されます。

| | div2 |

| | div1 | div3 |

だから、真ん中のdivは何だったのかを引き出して、一番上のdivにする必要があります

cssでこれを行うことはできますか？

何か案は？

4

1 に答える 1

1

HTML を編集して絶対配置を使用できますか? 私は小さな画面から大きな画面へと作業する傾向があり、1 つのオプションは次を使用することです。

HTML

<div class="div2"></div><div class="div1"></div><div class="div3"></div>

CSS

div {
    float: left;
}

次に、画面が十分に大きい場合 (メディアクエリを使用して確認): HTML は同じままです。

CSS

div.div1 {
    float: none;
    position: absolute;
    top: 0;
    left: 0;
}
div.div2 {
    display: inline; /* pesky older IE */
    margin-left: "width of div.div1 (%/em/px)";
}
于 2013-03-10T10:48:57.903 に答える