сделать так, чтобы div занимал ширину страницы

Я пытаюсь сделать заголовок, чтобы охватить ширину страницы. Ниже приведен код css, который у меня уже есть. В div есть некоторый текст, но он обрезается посередине.

header {
    background-color:#02350B;
    margin-top:auto;
    display:table-row;
    height:1px;
    width:100%;
}

person Tomiwa Olorunfunmi    schedule 13.11.2015    source источник
comment
Почему display:table-row;? Кроме того, было бы полезно еще немного контекста   -  person xec    schedule 13.11.2015
comment
пожалуйста, добавьте html. Вы используете какие-либо фреймворки, такие как бутстрап?   -  person jShoop    schedule 13.11.2015
comment
Добавьте html и, возможно, добавьте jsfiddle, если вы знаете, как это сделать :)   -  person Kees Sonnema    schedule 13.11.2015


Ответы (1)


просто измените display: table-row; на display: block;

Поскольку display: block; по умолчанию имеет ширину 100% :)

Удачи! :)

person Matej Đaković    schedule 13.11.2015
comment
нет, это не сработало. он фактически полностью удалил div - person Tomiwa Olorunfunmi; 13.11.2015
comment
ооо на самом деле это было. забыл поставить точку с запятой в конце. спасибо за вашу помощь :D - person Tomiwa Olorunfunmi; 13.11.2015
comment
нет проблем, блок отображения по умолчанию имеет ширину 100% :) - person Matej Đaković; 13.11.2015