Мазмуну:

CSS'те позиция кандай аныкталат?
CSS'те позиция кандай аныкталат?

Video: CSS'те позиция кандай аныкталат?

Video: CSS'те позиция кандай аныкталат?
Video: Тактические хитрости на карте de_nuke 2024, Апрель
Anonim

менен элемент позиция : белгиленген ; көрүү терезесине салыштырмалуу жайгаштырылат, демек ал барак жылдырылса да, ар дайым бир жерде калат. Жогорку, оң, төмөнкү жана сол касиеттери колдонулат позиция элемент. А белгиленген элемент баракта ал адатта жайгаша турган боштук калтырбайт.

Ошо сыяктуу эле, сиз CSSдеги позицияны кантип өзгөртүүгө болот?

HTML элементин HTML документинин каалаган жерине жылдыруу үчүн позиция касиети менен бирге жогору жана сол эки маанини колдонсоңуз болот

  1. Солго жылдыруу - сол үчүн терс маанини колдонуңуз.
  2. Оңго жылдыруу - Сол үчүн оң маанини колдонуңуз.
  3. Жогору жылдыруу - жогору үчүн терс маанини колдонуңуз.
  4. Төмөнгө жылдыруу - жогору үчүн оң маанини колдонуңуз.

Ошо сыяктуу эле, CSSдеги салыштырмалуу жана абсолюттук ортосунда кандай айырма бар? Ан абсолюттук позиция элементи жайгашкан тууган статикадан башка позицияга ээ болгон биринчи негизги элементке. А тууган жайгашкан элемент жайгаштырылган тууган анын нормалдуу абалына. Элементти салыштырмалуу жайгаштыруу үчүн касиеттин абалы катары орнотулат тууган.

Ошо сыяктуу эле, сиз CSSде абсолюттук позицияны кантип орното аласыз?

Абсолюттук In позиция : салыштырмалуу, элемент өзүнө карата жайгаштырылган. Бирок, абсолюттук жайгаштырылган элемент анын ата-энесине салыштырмалуу. менен элемент позиция : абсолюттук кадимки документ жүгүртүүдөн алынып салынат. Ал өзүнүн негизги элементинин баштапкы чекитине (жогорку сол бурчка) автоматтык түрдө жайгаштырылат.

HTMLдеги сүрөттүн абалын кантип оңдоого болот?

Эгер колдонсоңуз позиция : белгиленген , элемент терезеге салыштырмалуу жайгаштырылган, ошондуктан сиз жылдырсаңыз да, элемент жылбайт. Эгер сиз жылдырып жатканда анын жылышын кааласаңыз, колдонуңуз позиция :абсолюттук. Бирок сиздин макетиңизден улам сизде 2 вариант бар: жайгаштыруу сүрөт #куту ичинде.

Сунушталууда: