html - 在 css 中重叠的 block

Question

我在一个 block 中有 2 个 block 需要内联显示，但是当我给出内联显示时它不起作用。

fiddle :http://jsfiddle.net/8T5RZ/

我需要并排显示 2 个 block 而不是重叠

HTML:

<div class="outer-container">
    <div class="inner-container">
        <div class="innermost-container" />
        <div class="innermost-container" />

    </div>
</div>

CSS

.innermost-container{
    background-color:green;
    width:100px;
    height:100px;
    border-style:solid;
    border-width:5px;
}

Answer 1

您不能自行关闭 div元素。即使它们是空的，您也需要明确结束 </div>标签。所以关闭它们而不是使用 display: inline-block;对于 .innermost-container

.innermost-container{
    background-color:green;
    width:100px;
    height:100px;
    border-style:solid;
    border-width:5px;
    display: inline-block; /* Can also use float */
}

Demo

---

从今以后，您可以使用 this验证标记的工具。