浮動到正確的div沒有顯示選擇的寬度

Question

我有一個div在css中設置的寬度爲740px的右側。在瀏覽器中顯示我沒有看到寬度爲740px，出了什麼問題？在內部放置一個H1文本並不會使得740像素寬;它只顯示文本的寬度。

當它向左浮動時，它的總寬度爲740px。我在這裏錯過了浮動的概念嗎？

<div id='banner'> 
    <h1>Website Title</h1> 
</div> 

div#banner 
{ 
padding: 0px; 
margin: 5px; 


border-style: solid; 
border-width: 1px; 
border-color: blue; 

width: 740 px; 
height: 310 px; 
display: inline-block; 
float: right; 
text-align:left; 
} 

我可以使用最小寬度的修復它，但給人的感覺更像一個修復，然後解決問題，爲什麼DIV是不是740px寬。

感謝您的幫助！

Answer 1

你使用的CSS問題寬度：740像素; 身高：310 px;

請刪除空間740和PX

，並使用width:740px; & height:310px;

試試這個

http://jsfiddle.net/7CCDK/2/

div#banner 
{ 
padding: 0px; 
margin: 5px; 


border-style: solid; 
border-width: 1px; 
border-color: blue; 

width: 740px; 
height: 310px; 
display: inline-block; 
float: right; 
text-align:left; 
}