html - 浮动到右侧 div 不显示选择的宽度

Question

我有一个向右浮动的 div，在 css 中设置了 740px 的宽度。在浏览器中显示我没有看到 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 问题 width: 740 px; 高度：310 像素；

请删除空间 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;
}