浮动到右边div没有显示选定的宽度

Question

我有一个向右浮动的div，宽度为740px，用css设置。在浏览器中显示我没有看到740px的宽度，出了什么问题？在内部放置H1文本不会使div 740px宽;它只显示文本的宽度。

当它向左浮动时，它的总宽度为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;
}

我可以使用min-width修复它，但这更像是一个修复，然后解决了为什么div不是740px宽的问题。

感谢您的帮助！

Answer 1

你使用的css问题宽度：740像素;     身高：310像素;

请删除空格740和px

并使用width:740px;＆amp; 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;
}