将div分隔在不同的行上

我想构建一个itens列表。每个项目应该在一行中，像几个段落。将div分隔在不同的行上

为什么我的div.empresa元素在同一行上？我认为他们应该在不同的路线上，因为他们的显示属性是阻止的。

2012-07-05 Ronaldo

您需要删除float: left;

#ListaDeEmpresas .arrow { 
    height: 50px; 
    width: 20px; 
    background: url("/Content/SetaBrancoh40.png") no-repeat center center; 
    background-color: #A9462F; 
}

http://jsfiddle.net/spacebeers/Yz8Cq/5/

花车可以是一个有点棘手首先让你的头部周围。这篇文章是优秀的 - http://css-tricks.com/all-about-floats/

来源

2012-07-05 16:05:59 SpaceBeers

嗨，为什么会发生这种情况？ – Ronaldo 2012-07-05 16:12:32

阅读CSS-Tricks文章。漂浮在那里解释 - http://css-tricks.com/all-about-floats/ – SpaceBeers 2012-07-05 16:13:36

您只从.arrow中删除了浮动，并保留在.label中。为什么这个？ – Ronaldo 2012-07-05 16:14:32

得到#ListaDeEmpresas .arrow

来源

2012-07-05 16:07:21 Benmj

摆脱float: left;的float: left;是使他们做到这一点。

来源

2012-07-05 16:07:40 dezman

实际上，从label中删除float: left将使箭头span显示在label的左侧。假设你要的箭头span s到继续显示上行label S的正确的，那么你要添加：

#ListaDeEmpresas div.empresa { 
    clear: left; 
}

这将确保出现在每个标签/ SPAN一套低于前一个。

来源

2012-07-05 16:13:00 jackwanders

将div分隔在不同的行上

回答

相关问题