html - (HTML/CSS) 如何让<audio>标签跟随页面？

Question

我试过这个:

<div class="music8">
  <audio controls> 
  <source src="http://mcclures.tech/ect/song.mp3">
  <source src="http://mcclures.tech/ect/shatterme.mp3">
  </audio>
</div>

和 CSS

.music8 {
position: fixed
bottom: 0
}

好像不行。我做错了什么？

Answer 1

首先，在 css 中声明一个元素属性后，您的 css 语句缺少一些结尾，您以分号结尾。其次，最佳做法是指定左侧或右侧以及您的底部位置。所以它看起来像下面这样:

这是一个 fiddle 给你看Fiddle Demo

.music8 {
  position: fixed;
  bottom: 0;
  left:0;
}