Div на всю ширину в div на всю ширину. Как реализовать?

Question

[▪ ▪]

Проблема в том что если делать div на всю длину и ширину браузера, внутренний div уже не хочет заливаться на всю ширину, только в длину. В чем проблема?

Обновлено: понял в чем дело. Нужно было убрать !important.

<div class="container">
<div id="slider-area"></div>
</div>

.container {
	position: relative;
	    height:auto !important; 
    height:100%; 

    min-height:100%; 
	background: #2752DB;
	overflow-x: hidden;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;	
}
#slider-area{
	position: relative;
	width: 100%;

	background:#1f1f1f;
    height:auto !important; 
    height:100%; 

    min-height:100%; 

}

Comments

[Ankhena]

Кроме !important еще и # тоже хорошо бы убрать и заменить на классы.

[Exploding]

Ankhena W: зачем? оО

[Ankhena]

Exploding: Прочитайте любую статью из гугла на тему почему не стоит использовать идентификаторы для стилизации.
Ну и вот это до кучи: https://csswizardry.com/2012/11/code-smells-in-css/

[Exploding]

Ankhena W: Вы так категорично об этом говорите "...хорошо бы убрать.... не стоит использовать..." Будто это несет какой-то не поправимый вред)))
Понятно, что для большинства элементов эффективнее использовать именно классы с наследованием, но если речь идет о стилизации одного конкретного элемента в рамках сайта - использование ID по моему ни чем не вредит уж точно. Тем более в сочетании с теми же классами.
Более эффективным, если уж говорить об оптимизации, было бы отказаться от inline стилей (css правила в параметре style у тегов)

[Ankhena]

Exploding:
Почитайте еще чем "категорично" отличается от "хорошо бы".

Если, по-вашему, id не вредят, продолжайте использовать.

И ни о каких инлайн стилях в вопросе речи не шло.

Answer 1

[lipinart]

width: 100%