5

CSS ポジショニング ( Dreamweaver AP Div からFloat)を固定幅の中央の Web サイトの代わりに使用することの最大の欠点は何ですか?

私が気にしなければ

  • モバイル ユーザー
  • 小さい画面のユーザー (画面サイズが 1024 px 未満)

でも気になる

  • スクリーン リーダーのユーザー
  • すべてのブラウザー ユーザー (IE6 を含む)
4

3 に答える 3

3

小さな解像度を気にしないのであれば、それは単なる柔軟性の問題です。絶対配置を使用すると、フローが中断されます。したがって、すべてが正確なサイズでなければなりません。

多くの要素や状況 (完璧な画像タイトルを作成する...) では、これが最良の (そして時にはユニークな) 選択です。ほとんどの場合、フローを維持する (要素がフロー内にとどまる) ため、「相対」の方が優れていますが、配置された親に対して相対的に配置を変更できます (明示的な位置を指定しなくても、親を配置することを忘れないでください。たとえば、position:relative を追加するだけで、上/左なし...)。そして、良い点、「position: relative」はIEの要素に haslayout を与えます!

たとえば、コンテンツの後にフッターを配置したい場合、コンテンツの高さがわからない可能性があるため、absolute はお勧めできません。ただし、メニューを画面の上部に配置したいが、スクリーン リーダーを使用する人を煩わせたくない場合(大きなメニューは、線形化されたドキュメントの最後に配置する必要があります)、絶対配置は完璧です。

多くのブログで読むことができるように、Float は完璧な解決策ではありません。そしてもちろん、本当に要素をフロートさせたい場合にも役立ちます。

あなたが英語を上手に話せない場合、説明するのはそれほど簡単ではありません:)

于 2010-02-09T09:10:33.687 に答える
3

どちらでもない/両方でもない... Float は状況によっては適切であり、position:absolute は他の状況に適しているため、デザインに両方を使用する必要がある場合があります。CSS の使用に真剣に取り組んでいる場合は、この本を購入して読むことをお勧めしますhttp://www.transcendingcss.com/

于 2010-02-09T10:53:55.320 に答える
2

要素にテキストが含まれている場合、その高さを予測することはできません（実際にレンダリングされるフォントとフォントサイズがわからないため）。

そのため、ある要素の上部を別の要素の下部に配置することはできません。例：従来の「ヘッダーとフッターのある2列」のレイアウトを忘れてください。

于 2010-02-09T09:30:22.857 に答える