Question

我的页面中有这个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中正确呈现

任何人都可以帮助我吗？

Answer 1

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

你必须使用

#divDesc

而不是

.divDesc

选择id为divDesc的div

读

ID selectors

Answer 2

将此添加到CSS div类：

display: inline;

Answer 3

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

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

CSS：Div作为下一行

3 个答案: