ページレイアウトのアイデア

ページレイアウト

レイアウトのアイデア

この初心者の私にとっては、本当に浮い私はアイデアを整理することを計画して、時にはあなたは、本当にそれに向けて西、頭蓋骨の傷、東にそれを作る、私は私の最初の愛(歯)のようになりましょう:

ページレイアウトは、2つの例(横と縦)に分けることができるため
1長手ブロックDIVは、専用線(ブロックレベル要素)であるため、各ブロックは、DIVに書き込まれる
横ブロック2 、その後、
同様の書き込みは、各ブロック、及び各フローティングDIVを有する;. DIV
各DIVの幅を設定する。Bの必要性が要求されるが、親ボックスの幅の和を超えません。
。Cは、デバッグに役立つ重要な視覚効果、で、それらの高さを提供することが必要であり、背景の色または境界;
Dプロセス親ボックスの高さ:DIVは(最終的な位置に浮遊除去するために設けられています。親ボックスのみ「通常演奏」)、または親ボックスのオーバーフロー:隠された、またはボックス内に固定ラップ高さに設定(ケース内に固定ボックスの高さが利用可能です)。これが必要です。

レイアウトに注意を払う必要があります。

  1. フローティングレイアウト(左から右、二つの左と右、左、または両方)を使用するように水平に配置された必要性
  2. 長いフローティング要素として、あなたは、親要素がフローティングアップサブ要素によって影響されるように、その制約を受けることなく、親要素の高さの問題を考慮する必要があり、これにより、長手方向のブロックは親要素の下方に縦方向に位置を上方に移動されるようになり親要素正常表示ができないように
    拘束方法:
    高固定セット;.
    天然高を得るために、Bクリアフロート。
    •オーバーフロー使用親要素:隠された、
    最後の位置と追加•親要素を、そのDIVクリア設定:両方を;
公開された32元の記事 ウォン称賛35 ビュー10000 +

おすすめ

転載: blog.csdn.net/weixin_43932553/article/details/105033914