0

我有一个结构如下的 HTML 页面：

<div id="frst">
FIRST
</div>
<div id="top">
    <div id="mid">
        <div id="bottom">
            <ul class="menu">
                <li>A</li>
                <li>A</li>
                <li>A</li>
            </ul>    
        </div>
    </div>
</div>

还有我写的CSS：

#frst{
display:inline;
}
#top,#mid,#bottom{
display:inline;
}
.menu li
{
    display:inline;
}

我想用id first和top内联显示 div。但它top在 div 下方显示 div first！我怎样才能使它们内联？

4

1 回答 1

2

试试这个：

采用display:inline-block;

#top{
  display:inline-block;
}

例子

于 2013-10-18T07:32:53.840 回答