本が何冊あってもビデオ いくらあってもの方が良い自分でプロジェクトを作成すると、 経験を積むことができます。
オープンソース プロジェクトの場合は、実行し、理解し、2 回修正します。模倣 -------->革新、核心を掴む。 (Positioning ) 属性を使用すると、要素を
位置
できます。配置属性値: static (デフォルト値): 要素ボックスが正常に生成されます。ブロックレベルの要素は、ドキュメント
フロー/標準フローの一部として長方形のボックスを作成し、インライン要素は親要素内に配置される 1 つ以上のライン ボックスを作成します。 relative:
要素ボックスは特定の距離だけオフセットされます。この要素は、 配置 前の形状を保持しており、元の位置にあったスペースも保持されており、この観点からは、要素がまだ ドキュメント フロー/標準フロー内にあるように見えます。 。
absolute: 要素ボックスは document フローから完全に削除され、そのボックスを含むブロック
を基準にして が配置されます。包含ブロックは、document 内の別の要素、または最初の包含ブロックである可能性があります。通常の document フローでその要素が以前に占めていたスペースは、その要素が存在しなかったかのように閉じられます。 に配置された要素
は、通常のフローで最初に生成されたボックスのタイプに関係なく、ブロックレベルのボックスを生成します。 修正: 要素ボックスは位置を絶対に設定するように動作しますが、そのボックスを含むブロックはウィンドウ自体です。 これらの 位置付け は、特に理解しやすいものではありません。ケースを使って理解しましょう。 一般的な 位置決め
1.stacit 位置決め(デフォルト値)
2.相対相対
位置決め (誰との相対) 3.絶対絶対
位置決め (誰との相対) 4. 固定固定 位置決め
?
(1) 静的 ポジショニング
これ以上は話しません、前に話したのは静的 ポジショニング です。
私は無給休暇中です。
コンテンツ 2 の位置を変更します。 を元の位置に対して相対的に再配置します ……………………………… …………………………
この記事への固定リンク: http://www.verydemo.com/demo_c104_i756.html
オープンソース プロジェクトの場合は、実行し、理解し、2 回修正します。模倣 -------->革新、核心を掴む。 (Positioning ) 属性を使用すると、要素を
位置
できます。配置属性値: static (デフォルト値): 要素ボックスが正常に生成されます。ブロックレベルの要素は、ドキュメント
フロー/標準フローの一部として長方形のボックスを作成し、インライン要素は親要素内に配置される 1 つ以上のライン ボックスを作成します。 relative:
要素ボックスは特定の距離だけオフセットされます。この要素は、 配置 前の形状を保持しており、元の位置にあったスペースも保持されており、この観点からは、要素がまだ ドキュメント フロー/標準フロー内にあるように見えます。 。
absolute: 要素ボックスは document フローから完全に削除され、そのボックスを含むブロック
を基準にして が配置されます。包含ブロックは、document 内の別の要素、または最初の包含ブロックである可能性があります。通常の document フローでその要素が以前に占めていたスペースは、その要素が存在しなかったかのように閉じられます。 に配置された要素
は、通常のフローで最初に生成されたボックスのタイプに関係なく、ブロックレベルのボックスを生成します。 修正: 要素ボックスは位置を絶対に設定するように動作しますが、そのボックスを含むブロックはウィンドウ自体です。 これらの 位置付け は、特に理解しやすいものではありません。ケースを使って理解しましょう。 一般的な 位置決め
1.stacit 位置決め(デフォルト値)
2.相対相対
位置決め (誰との相対) 3.絶対絶対
位置決め (誰との相対) 4. 固定固定 位置決め
?
(1) 静的 ポジショニング
これ以上は話しません、前に話したのは静的 ポジショニング です。
(2)
位置決め——相対位置決め:相対 コンテンツ 2 ですが、分離された独自の ドキュメント
フローがありますが、その場所が他のものによって占有されることを望みません。私は去ってしまいましたが、その地位はまだ私のものです、私は無給休暇中です。
コンテンツ 2 の位置を変更します。 を元の位置に対して相対的に再配置します ……………………………… …………………………
この記事への固定リンク: http://www.verydemo.com/demo_c104_i756.html