Isi kandungan:

Apakah kedudukan tetap dalam CSS?
Apakah kedudukan tetap dalam CSS?

Video: Apakah kedudukan tetap dalam CSS?

Video: Apakah kedudukan tetap dalam CSS?
Video: CSS Layouting - #11 Position : Static & Relative 2024, Mungkin
Anonim

Unsur dengan kedudukan : tetap ; diposisikan relatif kepada port pandangan, yang bermaksud ia sentiasa kekal di tempat yang sama walaupun halaman itu ditatal. Sifat atas, kanan, bawah dan kiri sudah biasa kedudukan unsur tersebut. A tetap elemen tidak meninggalkan jurang dalam halaman di mana ia biasanya berada.

Begitu juga, anda mungkin bertanya, bagaimana anda menukar kedudukan dalam CSS?

Anda boleh menggunakan dua nilai atas dan kiri bersama-sama dengan sifat kedudukan untuk mengalihkan elemen HTML ke mana-mana sahaja dalam dokumen HTML

  1. Gerakkan Kiri - Gunakan nilai negatif untuk kiri.
  2. Bergerak Kanan - Gunakan nilai positif untuk kiri.
  3. Move Up - Gunakan nilai negatif untuk bahagian atas.
  4. Move Down - Gunakan nilai positif untuk bahagian atas.

Begitu juga, apakah perbezaan antara relatif dan mutlak dalam CSS? An mutlak elemen kedudukan diposisikan relatif kepada elemen induk pertama yang mempunyai kedudukan selain statik. A relatif elemen diposisikan diposisikan relatif kepada kedudukan normalnya. Untuk meletakkan elemen secara relatif, kedudukan harta ditetapkan sebagai relatif.

Begitu juga seseorang mungkin bertanya, bagaimana anda menetapkan kedudukan mutlak dalam CSS?

mutlak Dalam kedudukan : relative, elemen diletakkan relatif kepada dirinya sendiri. Walau bagaimanapun, elemen yang diposisikan secara mutlak adalah relatif kepada induknya. Unsur dengan kedudukan : mutlak dikeluarkan daripada aliran dokumen biasa. Ia diletakkan secara automatik ke titik permulaan (sudut kiri atas) elemen induknya.

Bagaimanakah saya boleh membetulkan kedudukan imej dalam HTML?

Jika anda menggunakan kedudukan : tetap , elemen diletakkan secara relatif kepada tetingkap, jadi walaupun anda menatal, elemen itu tidak bergerak. Jika anda mahu ia bergerak apabila anda menatal, gunakan kedudukan : mutlak. Tetapi kerana susun atur anda, anda mempunyai 2 pilihan: Letakkan imej dalam #kotak.

Disyorkan: