html - 要素を左右に並べる

Question

私は 2 つの列を持つ Web ページを持っています。ただし、たとえば電話で表示すると（モバイルjqueryとcssがあります）、すべて画面の寸法に収まります。また、2 列のページが収まらないため、次の行に配置されます。これは、右側の列が次の行の右側に配置されるため、正しく見えません。float css プロパティを使用せずに左右に配置する最良の方法は何ですか。パーセンテージを使用してマージンまたはパディングを設定することで、これを行うことができるはずだと思います。これを行うための最良の方法に関するアイデアはありますか?

Answer 1

2 つの div が同じ行に収まるように、本文に最小幅を設定します。

body{
 min-width: 800px; //or whatever the size of the two divs is
}

Answer 2

おそらく正しくやっていると思いますが、モバイル デバイスのフロート プロパティを削除し、以前に幅を設定して全画面に収まるように幅を削除し、(必要に応じて) マージンを適用する必要があります。

@media screen and (max-width: 480px) {
    .floated-div {
        float: none;
        width: auto;
        margin: 0 1em;
    }
}

ここで詳細を読むことができます: http://css-tricks.com/css-media-queries/