Jquery 单击“播放”按钮时向左或向右浮动

为了更好的解释，请看一下，然后点击音频标签

当我点击mp3播放器的播放链接（如Indahnya dunia–merayakan Hari Hewan dunia）时，我点击另一个播放链接（如Berita dari penghargaan Australia），导致播放器向右移动，混乱不堪。css有什么问题？我真的不知道发生了什么事

---

几乎类似的问题

为

.podcast wrap.podcast项目添加
最小高度

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

更新的答案

您尝试对multi
div


CSS

HTML


lorem
lorem
lorem
lorem
lorem
lorem


lorem
lorem
lorem
lorem
lorem
lorem


演示
我看不出该网站有任何问题。请发布代码和更多解释，如您使用的浏览器、是否已跨浏览器测试过它以及您希望它做什么。不要期望我们通过搜索您的代码来发现问题。我已经与Chrome进行了检查，但是我没有看到任何意外情况。使用了Firefox，我没有发现问题。你能告诉我们你使用的是哪种浏览器和操作系统吗？我在ubuntu上同时使用firefox和chrome浏览器OS@bboymaanu是的，修正了……我听从你的建议。thanksit有效，但有没有其他方法代替添加最小高度？因为我希望它能够动态地改变高度，就像折叠和展开一样。@DarielPratama请看一看替代解决方案
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;
}

<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>