div宽度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>

另一方面，

<span>只会占用与上下文一样多的宽度，因为它是一个inline元素。

Here就是一个例子。 jsFiddle