CSS使用<；部门>；

我正在使用

在屏幕上创建一个水平条。在这个水平条中，我还有3个

，每个宽度不同。它们应该水平地排成一行，彼此相邻。相反，它们是在彼此之上的。我该如何解决这个问题

此外，如果我的HTML代码中的

中没有任何文本，则

不会出现。例：

任何东西

你可以浮动那些内部div。也可以使用

内联块

（未显示）

左边
中间的
正确的


身体{
保证金：0；
}
.地平线{
背景：#000000；
宽度：100%；
}
视界分区{
浮动：左；
}
.对{
宽度：25%；
背景：#ff0000；
}
.中{
宽度：50%；
背景：#00ff00；
}
.左{
宽度：25%；
背景：#0000ff；
}

只需使用一个float，它是跨浏览器兼容的。此外，您还应清除可以在更新的屏幕上看到的浮动

---

您可以将css float:left添加到div中，如果您也不希望div中有任何文本，则应该将css height添加到div中

.horizon div{
    float: left;
    height: 20px;
}

---

像这样

@xec我想你会知道答案的add

display:inline block

in.right、.mid和.left为什么不

float:left

in.first div@PiLHA@RitabrataGautam我不知道：）红色的从来没有出现过，还有，你说的清晰是什么意思？对不起，邋遢的可以粘贴。我为你添加了清除，这样你就能明白我的意思。为什么需要清除？它有什么作用？有没有办法让div中没有文本？只是让它空了，但仍然显示什么颜色？显示所有主要浏览器都支持浮动。我还将在中添加清除

.horizon div{
    float: left;
}

.horizon div{
    float: left;
    height: 20px;
}