div宽度100％跨越

Question

简单问题

如果我用边框制作带有边框的div，div框将只与内容一样宽。

我该如何让div始终延伸屏幕的100％，即使屏幕内没有任何东西。

我知道最小宽度不工作与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> 

在otherhand，

甲<span>将只需要尽可能多的宽度，按照上下文，因为它的一个inline元件。

Here就是一个例子。 jsFiddle