点击播放按钮

浮动到左侧或右侧为更好的解释请看看this page然后点击音频选项卡。点击播放按钮

当我点击播放链接（例如Indahnya dunia - merayakan Hari Hewan Dunia）的MP3播放器时，我点击另一个播放链接（例如Berita dari penghargaan Australia），导致播放器向右移动，搞砸了。什么是错误的CSS？我真的不知道发生了什么。

几乎类似的问题here

来源

2014-03-05 Dariel Pratama

我看不出任何问题的网站。请发布代码和更多解释，比如您使用的浏览器，是否使用跨浏览器对其进行了测试，以及您期望它做什么。不要指望我们通过你的代码来找到问题。 –

我检查过Chrome，但是我没有看到任何应该突然出现的内容。 – Dorvalla

使用Firefox，我没有看到问题。你能告诉我们你正在使用哪种浏览器和操作系统吗？ –

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

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

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

来源

2014-03-05 11:47:28 Muhammed

中找到任何替代解决方案，它有效，但有没有另一种方法，而不是添加最小高度？因为我希望它能够动态地改变高度，就像折叠和展开一样。 –

@DarielPratama请看看替代解决方案 – Muhammed

点击播放按钮

回答

相关问题