Question

我有两行有3列，但第二行的前两列正在被按下。为什么？？？：）

这是我的小提琴只需点击＆＃34;纽约＆＃34; http://jsfiddle.net/q9cfa6qu/13/

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

 /* accordion header */
.accordion2 h2 {
     background:#000;
}

/* currently active header */
.accordion h2.current {
     cursor:default;
     background-color:#B40404;

}
/* currently active header */
.accordion2 h2.current {
    cursor:default;
    background-color:#000;
}
/* accordion pane */
.accordion .pane {
    display:none;
    padding:15px;
    color:#fff;
    font-size:16px;
    float:left;
    width:99%;
}

Answer 1

你的h2按钮

<h2>Kitchen Kabaret
    409 Glen Cove Rd.
    Roslyn Heights, NY</h2>

与父店h2按钮的高度相撞！如果你看一下商店1和2，它们比第三个更高（是单词:)？）。 .accordion h2中的15px边距让孩子h2浮动到第3位，然后在下一行继续。要解决这个问题，您应该将带有图像的商店按钮设置为固定高度。可能你应该给他们一个单独的课程，这样你就不会影响你的乡村h2按钮。

在css中组织行和列

1 个答案: