Question

要获得更好的解释，请查看this page，然后点击“音频”标签。

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

几乎相似的问题here

Answer 1

为min-height

添加.podcast-wrap .podcasts-item

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

更新回答

您尝试使用多div supp 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>

DEMO http://jsfiddle.net/8MJfQ/

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

1 个答案: