ширина деления 100%

Question

простой вопрос

если я сделаю div с рамкой вокруг, с каким-то текстом, поле div будет иметь ширину, равную только содержанию.

как мне сделать так, чтобыdiv всегда растягивает экран на 100%, даже если внутри него ничего нет.

Я понимаю, что min-width не работает с IE, есть ли безопасный и стабильный способ сделать это?

Answer 1

Нет, <div> всегда будет занимать 100% ширины, если стиль (css) не изменяет его.
Имейте в виду, что <div> является элементом block.

Если вы установите, например, значение <div> равным inline, оно будет занимать только ширину его содержимого.

Пример:

.myDiv
{
   display: inline;
}

<div class="myDiv">I will take up width of my content only</div>

Нас другой стороны,

A <span> будет занимать столько же ширины, сколько контекст, потому что его элемент inline.

Здесь является примером. jsFiddle