マージン/パディングまたはポジション（応答性の高いデザインに最適）

Question

ウェブページを反応させる際に余白や位置（相対、絶対）を選択する必要があるのはいつも混乱しています。

たとえば、私はHTML要素を持っています。これを適切に整列させるために、マージン/パディングまたは位置のどちらかに行くことができますが、これはいつでも使用する方がよいので、書く必要はありませんさまざまなデバイスに対する多数のメディアクエリ。

助けてください/助言はaprreciableです！

Answer 1

レスポンシブデザインではポジションが良くありません。マージン/パディングの代わりに使用することは便利ですが、お勧めしません。

たとえば、要素にposition:absolute;を使用すると、通常のコンテンツフローからその要素を取り出し、相対位置の親要素に従って位置を調整します。それをあまりにも頻繁に使用すると、それはあなたのために問題を作成するつもりです。

で応答性のデザインは、ショートポジションでfloat

を使用してについてですformargin /パディングを置換することではありません。

Answer 2

各プロパティには独自の用途があります。しかし、応答の視点では 私はいくつかの場合は単純に要素の高さと幅の代わりに詰め物を与えるように助けてくれると感じるように感じる。

位置/マージン相対/絶対は、要件に完全に依存します。その後、%%とemも使用できます。 私にとって

Answer 3

、絶対位置となど左上かを使用することが面倒で、特にあなたがここに私のポストのような2 DIV /部との間の浮遊事を行います。

The never answered question

同じマージンとパディングを行いますあなた自身の幅と高さdivを知っている必要がありますが、反応すると複雑になるので、幅と高さを再度設定する必要があります。

私はあなたがウェブサイトの構造に従うべきだと思います。ラップdivまたはセクションの内側に保管してください。

モバイルビューやレスポンシブデザインを作成するには、素晴らしいメディアクエリの注文が必要です。これは、（iphone 5,6やipadのような）通常のスクリーンデバイスに適合するのに役立ちますが、今は市場があると考える必要がありますアンドロイドでアンドロイド携帯電話は非常に速く成長しており、解像度が何であるかを知ることはできません（時間の経過とともにメディアクエリを更新しないでしょうか？）。それは型なし ブートストラップ

1. いますが、7メニューでナビゲーションを管理することはできません、それだけで12グリッドシステム、あなたは自分でそれを変更する必要があります。
2. フレックスボックス フレックスボックスは良いです、あなたのコンテナを維持することができ、フロートを使用して両方をクリアする必要はありません。

私は言ったように、あなたのメディアの質問に依存します。それは位置やマージン/パディングではなく、CSSのすべてについてです。

あなたの質問がすべてのアライメントに関するものであれば、justify-contentとalignの項目をparent divまたはsectionに使うことができます。この方法で、親divの幅と高さを気にする必要はありません。

お気軽にお問い合わせください。