有些课程与我的CSS相冲突,我无法弄清楚

时间:2014-10-23 19:03:26

标签: css

我正在尝试简单地为50个州创建3列,例如我的jfiddle http://jsfiddle.net/efhr833n/

但是当我上线的时候。这是确切的代码,由于某种原因,每个后续div都有保证金:

直播网站:http://unclestevesny.com/test-accordion/ 这是截图:https://www.dropbox.com/s/d9k7h8d4ku92are/acc.png?dl=0

我不知道是怎么回事。

/* accordion header */
.accordion .thestate {
background:#A91414;
width:250px;
font-size:18px;
font-weight:bold;
cursor:pointer;
color: #fff;
margin:15px;
text-align:center;
text-transform:uppercase;
float:left;
}

HTML           纽约     纽约     纽约

<span class="thestate">District of Columbia</span>
<span class="thestate">New York</span>
<span class="thestate">New York</span>
</div> <!-- end accordion -->

2 个答案:

答案 0 :(得分:6)

我想删除<br>代码并添加一些margin-bottom;

答案 1 :(得分:1)

在您的实际网站中有< br/>个标签,因此线条已损坏。

删除< br/>代码并且网站应该正常工作