Чуйний "липкий" підвал сайту.

Всім привіт. Сьогодні я покажу, як створити чуйний "липкий" підвал сайту.

 
lang="En"gt; 
 
charset="UTF-8"gt; 
чуйний футер 
rel="Stylesheet"href="Style.css"gt; 
 
 
class="Wrapper"gt; 
 This is the content 
 
 
class="Wrapper"gt; 
This is a footer

Тепер перейдемо до CSS.

html, body { 
 margin:0- 
 display: table- 
 height:100% - 
 width:100% - 
} 
 
.wrapper { 
 padding:20px- 
 height:auto- 
} 
 
footer { 
 background: slategrey- 
 display: table-row- 
 height:1px- 
}

Усе. Тепер додайте в перший блок з .wrapper багато тексту (скористайтеся emmet і напишіть p * 10gt; lorem) І додайте тексту в блок футера (p * 2gt; lorem). Після зменшуйте розмір браузера і дивіться, як футер автоматично підлаштовується по висоті і ширині.

Отже, на цьому все. Дякую за увагу!

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

Схожі