1

ここに画像の説明を入力

上の画像は、次のコードのビジュアルを提供します

  • 青い長方形は親 div です。
  • 赤い四角は子イメージです。
 <!-- a centered fixed-width parent div -->
 <div style="position: relative; width: 400px; height: 200px; margin: 0px auto;">
    <img src="46px_square.jpg" style="position: absolute; top: -46px; left: -46px;" />
 </div>

ご覧のとおり、DOM では子要素であるにもかかわらず、空間的な観点から見ると、子要素は親の外側にあります。

HTML の大君主によると、これはフェアユースですか?

4

2 に答える 2

2

Many people uses fixed and absolute positions for positioning some elements, this is what positioning is for, generally these elements are out of the document flow, so it is absolutely fine that the child element is outside of the parent element, it makes no difference to the validation unless and until you use some invalid child element in your parent container.

For Example:

<p>
  <p>This won't pass your validation, no matter what positions you use for these element</p>
</p>

And always use position: relative; to your parent element so that the child doesn't flow out in the wild.

于 2012-10-31T15:35:55.107 に答える
0

はい、完全に有効ですが、 position:absolute.relative を使用して適切な場所に配置します。これにより、モバイル デバイスにこれをロードする場合に、ページの警告が作成されます。

于 2012-10-31T15:38:30.097 に答える