Уроки по программированию

Резиновый div. Div для резиновой верстки

В этом уроке я опишу простой, но очень полезный прием, который пригодится при создание резинового шаблона это — Резиновый div. Допустим вам понадобилось сделать блок, который бы растягивался в зависимости от разрешения экрана. При большом разрешение ширина div была бы одной при маленьком разрешение другой.

div

Для того чтобы получить резиновый div нужно прописать следующий css код:

.container{
    margin:0 auto;/*Центрирование блока*/
	background:#ccc;/*Цвет блока*/
	max-width:1280px;/*Максимальная ширина при больших разрешениях*/
	min-width:940px;/*Минимальная ширина при маленьких разрешениях*/
	width:auto;/*Ширина в зависимости от разрешения экрана*/
}

Скачать пример

Комментарии к статье

  • Аватарка 17.04.2016
    Ответить Tatiana Ian

    «при разрешениИ». Исправтье ошибки (

  • Аватарка 26.01.2017
    Ответить Виктор

    ты сама что ли очень грамотная???

  • Аватарка 30.05.2017
    Ответить Наталя Лєбєдєва

    спасибо. Ничего не исправляйте. Художника обидеть может каждый. Не каждый может убежать 🙂

Добавить комментарий

Ваш адрес email не будет опубликован.