デザインしていく過程の高さの決め方について

デザイン崩れを防ぐ高さの設定に困っています。

初心者で、勉強中の者です。

高さの設定については、

heightにvwを使う
要素の内容物のpaddingやmarginを使い、高さをそもそも設定しない
万能ではないpositionは使わなくて良いところでは極力使わない

ここらへんを意識して、コーディングしています。

しかし、どうしても
写真・テキスト・その他CSSの装飾などなどが
四つくらい重なってきてしまうと、
positionが楽というか、考えやすいので、
0. 親要素の高さを固定値で決めて、
0. position;rerativeを設定
0. 子要素をposition;absoluteでトップとレフトで微調整
と…したくなってしまうのですが…

それはあまり良くないというか、不正解だと聞きました。

これ以外にどんな方法が自然ですか？
上から要素が積み重なっていくように、デザインするにはどういった方法が一般的ですか？

現役の方も、あまりpositionは使わないですか？
お時間ありましたら教えて頂けますと幸いです。宜しくお願いします。

行動規範の内容に同意します

回答1件

ベストアンサー

heightにvwを使うんですか？vhじゃなくて？

近頃の主流は、
大枠（サイドメニュー、トップメニュー、メインメニュー）のような枠組みはGrid、
小枠（divの中にはいるひとつひとつのアイテムなど）のような配置はFlex-box、
その２つでどうにもならないような要素だけposition、というような感じだと思います。
（最初はGridとFlex-box片方だけで感覚を掴むのがいいとおもいます。）

投稿2020/08/26 15:36