Css - позициониране на блокови елементи, шефът на ИТ

HTML блок елемент да бъде такъв елемент, който заема цялата ширина на родителя по подразбиране. Елементът родител може да бъде друг блок елемент или прозорец на браузъра. Блокиране на елементи чрез CSS свойства могат да задават ширината (широчина) и височина (височина). Позициониране блокови елементи, е процесът на тяхното местоположение в рамките на прозореца на браузъра и спрямо друго, чрез CSS позиция свойства. наляво. отгоре. Добре, и отдолу. CSS позиция имот се използва за определяне на един от четирите налични вида на позициониране: статично (по подразбиране), абсолютна (абсолютен), фиксирани (фиксирана) и относителен (относително). Останалата част от CSS свойства, а именно защитата на гостите. отгоре. дясна и долната цел да уточни разстоянията отляво, горния десен и долния край на елемента родител. Също така, когато се определят блокови елементи специфични свойства могат да се припокриват един с друг, и че тази функция може да се използва в сайтове.

позиционирането по подразбиране (статично)

Ако не зададете позиция в елемент блоков или определен статична. че една и съща, тогава блок елементи са подредени в ред. Освен това, на следващия блок (например, червен) се поставя на нов ред. Точно за това позициониране не е валиден задачи наляво разстояния. отгоре. Добре, и отдолу.

Абсолютно позициониране (абсолютно)

В абсолютно позициониране позиция член се определя спрямо ръбовете на прозореца на браузъра с помощта на разстоянието определя от свойствата останали. отгоре. Добре, и отдолу. Ако зададете остави разстояние и право в същото време, и те си противоречат, а след това се отдава предпочитание на ляво. същото важи и за горната и долната част. в които по-висок приоритет е топ разстояние. Абсолютно позициониране се използва много често във връзка с относителното разположение в дизайна, когато искате да поставите на различните елементи един спрямо друг, то може да се използва за създаване на падащото меню, оформлението на сайта и т.н. надолу

Фиксирана позициониране (фиксирана)

Относително позициониране (относително)

Относително позициониране се определя от настройката леви разстояния. отгоре. Добре, и отдолу спрямо сегашната си позиция.

Въпреки това, тази ситуация може да се създаде блок и използване свойства марж (маржове).

Относително позициониране не е забавно да се използва само по себе си, тя се използва главно във връзка с абсолютно позициониране.

1. Ако поставите блокове с абсолютно позициониране в блока с роднина, разстоянията не са вече установени на ръба на прозореца на браузъра, както и от границите на относителна единица.
2. Например, за да се създаде фиксирани оформления, състоящи се от 3 блока, в съответствие с горния ръб. Задайте височина "400px" относителна единица за яснота.
3. В допълнение, блоковете могат да бъдат приложени Z-индекс собственост. който е предназначен за разполагане на елементи на Z. оста Колкото по-голяма стойност на Z-индекс. колкото по-близо е елементът за нас, както и обратното, толкова по-ниска е стойността, толкова по-нататъшно елемент е от нас.