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