jquery - 单击播放按钮时向左或向右浮动

Question

为了更好的解释请看this page然后单击音频选项卡。

当我点击 mp3 播放器的播放链接(例如 Indahnya dunia – merayakan Hari Hewan Dunia)，然后我点击另一个播放链接(例如 Berita dari penghargaan Australia)导致播放器向右移动，搞砸了。 css有什么问题？我真的不知道发生了什么。

几乎类似的问题here

Answer 1

为 .podcast-wrap .podcasts-item 添加 min-height

.podcast-wrap .podcasts-item{
   min-height: 57px;
   ----------
   ----------
}

更新的答案

你试试化脓多 div
CSS

ul.audio-section{
    width: 50%;
    float: left;

    list-style: none;
    padding: 0;
    margin: 0;
}
.podcasts-item{
    float: left;
    width: 97%;
    margin-right: 15%;
    padding: 10px;
    border-bottom: dotted 1px #999;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

HTML

<ul class="audio-section">
    <li class="podcasts-item">lorem</li>
    <li class="podcasts-item">lorem</li>
    <li class="podcasts-item">lorem</li>
    <li class="podcasts-item">lorem</li>
    <li class="podcasts-item">lorem</li>
    <li class="podcasts-item">lorem</li>
</ul>
<ul class="audio-section">
    <li class="podcasts-item">lorem</li>
    <li class="podcasts-item">lorem</li>
    <li class="podcasts-item">lorem</li>
    <li class="podcasts-item">lorem</li>
    <li class="podcasts-item">lorem</li>
    <li class="podcasts-item">lorem</li>
</ul>

演示 http://jsfiddle.net/8MJfQ/