-1

私はウェブサイトをデザインしていますが、どのタイプの配置がより良いか、相対的か絶対かを判断できません。過去に、絶対配置を使用してブラウザのサイズを変更しようとしたときに、配置しているものの位置がずれてしまうことを知っています。ただし、相対配置を使用していて、何かを変更したい場合は、常にページ上の他のすべてが破棄されるようです。

専門家は何を使っていますか？

4

2 に答える 2

2

デフォルトでは、すべてを静的 (相対) のままにします。これにより、ブラウザのサイズが変更されたときにサイズを少し変更できます。(Web ページ全体に対する) 絶対配置では、ウィンドウ サイズが変更されたときに Web ページが適切に機能しなくなる傾向があります。

ただし、場合によっては絶対位置を使用すると常に便利です。ただし、絶対要素を他の要素に対して相対的に設定してください。ページに対して相対的な絶対配置を使用しないでください。

絶対配置を使用すると、特定の要素を他の要素の上に配置できます。次に例を示します。

<div style="position: relative; width: 100px; height: 100px">
  <img src="" width="100" height="100">
  <div style="position: absolute; left: 0; top: 0">Some text on top</div>
<div>

上記の例では、ブラウザーは絶対位置の div を何かに対して相対的に配置します。その何かは、DOM 階層の最初の相対的な祖先です。したがって、その上の div を認識し、その div を基準にして (0,0) に配置します。したがって、1 つの div が別の div の上に配置されます。これはもちろん、ページの残りの部分に対して相対的に配置されます。

一般に、絶対要素が別の要素に対して相対的に上に配置される場合、その要素は上になります。他の要素の前にあるものを調整する必要がある場合は、z-index css プロパティを使用できます。

于 2012-09-02T00:50:48.433 に答える
1
  1. 一般的に、最高のものはposition:static
  2. 要素をウィンドウに対して相対的に同じ位置にとどめたい場合は、position:fixed
  3. 要素を親要素に対して相対的に同じ位置にとどめたい場合は、親position:absoluteとはposition異なりstaticます。
  4. ドキュメントの流れから要素を削除したい場合は、 と が最適position:absoluteですposition:fixed。
  5. 要素を上下左右に移動したいが、周囲の要素に影響を与えたくない場合は、position:relative
  6. 要素を上下左右に移動し、周囲の要素に影響を与えたい場合は、マージンを使用します。
  7. 要素が別の要素と重なっていて、最初の要素を見たい場合は、最良のものを とposition:relative組み合わせz-indexます。
于 2012-09-02T01:01:46.207 に答える