Question

我在两个div中有无序列表

的 HTML

<div class="wee">
<ul>
<li>Apples</li>
<li>Ball</li>
<li>Apples</li>
</ul>
</div>

<div class="wee">
<ul>
<li>Apples</li>
<li>Ball</li>
</ul>
</div>

CSS

.wee{
    height:100px;
    width:100px;
    position:relative;
    background-color:rgba(176,137,138,1.00);
    display:inline-block;
}

我的问题是我无法直接对齐它们。

Link to fiddle

对我而言，我无法理解这一点。

Answer 1

将vertical-align:top;添加到 .wee 应该这样做：

.wee {
    height:100px;
    width:100px;
    position:relative;
    background-color:rgba(176,137,138,1.00);
    display:inline-block;
    vertical-align:top;
}

<强> jsFiddle demo.

Css：列出多个Div

1 个答案: