html - div 框在一行中

Question

嗨，伙计们。我又遇到了一个小问题。

我试图在信号线上制作一个带有一些 div 的盒子。

问题是，如果我开始一个新的 div，它在他之前而不是在他旁边的那个的顶部。

我尝试使用左浮动或边框大小和显示表格单元格。这一切都没有奏效。http://www.awesom-media.de/umgebung/index.html

它是绿色背景的。

这部分应该是 4 个图标 div。两个已经在那里了。如果访问者单击每个图标，红色框中会显示一些内容。

但问题就像我说我无法将两个图标（魔术棒和星星）放在一行中。

score 2 · Accepted Answer

采用display: inline-block

div {
    width: 50px;
    height: 50px;
    background: #ccc;
    display: inline-block;
}

score 0 · Accepted Answer

您需要将每个 div（魔法和魔杖）的 css 属性添加到 float:left; 以及要清除的网络图标 div：左；

#magic { float:left; }
#wand { float:left; }
#webicons  { clear: left; height:110px; }

score 0 · Accepted Answer

试试这个，我添加float: left;到你的每个图标height: 100%;中并.webicons像这样添加：

希望这可以帮助！

3 回答 3