Як зробити div зі 100% height

Відео: CSS Ders: 100% Height Div Oluşturma

Відео: Make div 100% height of browser window

При блокової верстці часто потрібно зробити у блоку div висоту 100%. простим зазначенням height = 100% в div не вийде добитися бажаного результату, тому тут є певна методика, про яку я в цій статті розповім.

Перш ніж приводити код, поясню принцип його роботи. Його суть полягає в тому, щоб вказувати height = 100% у всіх батьківських блоків, в тому числі, і у html. Наприклад, ось цей код дозволяє зробити div з висотою 100%:

Відео: CSS Tutorial 14 - Styling Divs (Height, Width, Borders)

 
 




 
http-equiv="Content-Type"content="Text / html- charset = utf-8"gt; 
DIV зі 100% height 
 
 
 
  
 текст

В результаті, обидва div будуть заввишки 100%. Зверніть увагу, що якщо прибрати у html height 100%, то вже нічого не вийде. Аналогічно, якщо у верхнього div прибрати height 100%, а у внутрішнього залишити, то внутрішній зо 100% висотою. Тобто пам`ятаєте, щоб зробити div зі 100% height необхідно кожен батьківський блок так само зробити з 100% висотою.

Поділися в соціальних мережах:

Схожі