CSS : Div 作为下一行出现答案

【问题标题】：CSS : Div coming as next lineCSS : Div 作为下一行出现
【发布时间】：2009-10-09 12:38:40
【问题描述】：

我的页面中有这个 HTML

  <div id='masterDIV'>
    <div id='divItemNumber'>23</div>
   <div id='divDesc'>This is my desc content</div>
  </div>

和我的风格

.divItemNumber
 {
 width:25px;
 margin-left:0px;
  margin-bottom:5px;
 }
.divDesc
{
 width:255px;
 float:right;
 padding-left:1px;
 padding-right:1px;
 margin-left:0px;
 margin-bottom:5px;
 margin-top:0px;
 vertical-align:top;
}

但第二个 div 将作为下一行出现。我希望在第一个 div (divITemNumber) 之后立即显示它

此问题仅出现在 IE 6.0 中。在 firefox 中正确呈现

谁能帮帮我？

【问题讨论】：

我真希望 IE 6 会死。
我也希望所有浏览器都可以合并

标签： css html

【解决方案1】：

一个问题是您的 CSS 选择器不正确。

你必须使用

#divDesc

而不是

.divDesc

选择 id 为 divDesc 的 div

阅读

ID selectors

【讨论】：

【解决方案2】：

将此添加到您的 CSS div 类中：

display: inline;

【讨论】：

【解决方案3】：

我建议您更改 CSS，使第一个 div 为 float: left，第二个为正常。

或者，将第一个 div 从块类型元素更改为内联类型元素 (display: inline) 应该可以解决问题。

【讨论】：