0

我正在尝试将 div 浮动到引导类（手风琴切换）的右侧，但该类具有 display: block; 设置，这就是为什么我认为我遇到了麻烦并且它不会内联浮动。

有人可以建议我怎么做吗？

<div class="accordion" id="accordion2">
  <div class="accordion-group">
    <div class="accordion-heading">
      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
        Collapsible Group Item #1
      </a>
        <div style="float: right;">RIGHT</div>
    </div>
    <div id="collapseOne" class="accordion-body collapse in">
      <div class="accordion-inner">
        Anim pariatur cliche...
      </div>
    </div>
  </div>
</div>

在这里提琴

编辑：我通过将 and my 包装在另一个中来实现我正在寻找的视觉效果，我正在应用手风琴切换样式。这样做的缺点是现在只有在切换手风琴时有效，而不是整个标题。

如果有人有更好的解决方案，请告诉我。

更新的小提琴

4

1 回答 1

2

a）添加float:left到.accordion-toggle（您还需要通过添加clearfix类来清除这些浮点数.accordion-heading）小提琴，或者

<div />b）移动之前的浮动.accordion-toggle。小提琴

顺便说一句：display: inline对浮动元素没有影响（好吧，除了修复一些 IE7 错误）。浮动元素的行为就好像它们display: block没有明确声明一样。

c）我认为你想要实现的目标：http: //jsfiddle.net/3tQUg/2/

.accordion-heading {
       display:table-row;
    width:100%;
}
.accordion-heading > div {
       display:table-cell;
}
.accordion-heading > a.accordion-toggle {
    display:table-cell;
    width:99%;
}
于 2013-05-17T07:20:05.400 回答