浮动为所有标签的第一级子项左侧销毁默认显示值

Question

我需要为所有第一级孩子设置float:left，但在添加此样式元素后，添加display:inline/inline-block/ other not block后跟#root选择器，并为display = {{1添加默认值}};在display:block之前添加的元素具有标准默认显示值。

#root

---

#root > * {
     float:left;
}

---

<div id="root">
    <div></div>
<div>

实施例

http://jsfiddle.net/LpQ5V/1/

Answer 1

赋予元素float值本身意味着display: block。

operative portion of the spec:

  

该元素生成一个浮动到左侧的块框。

编辑 - Esailija正确地指出display: none实际上会隐藏浮动元素： - ）

再次编辑 - 我上面所说的可能是过于简单化了。 float强迫display: block并非如此;它会导致对于元素意味着与 display: block相同的效果。它实际上只适用于/工作 - 无论如何都是“盒子”元素（根据规范）。我还没有进行详尽的实证测试，看看浮动<span>或<em>元素是否会做任何事情。