引入在线资源 # 引入字体 <link href="https://fonts.gdgdocs.org/css?family=Lobster" rel="stylesheet" type="text/css"> # 引入bootstrap <link href="http://cdn.bootcss.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet"> # 引入semantic <link rel="stylesheet" type="text/css" href="semantic/dist/semantic.min.css"> <script src="semantic/dist/semantic.min.js"></script> 固定元素 # html <div id="music"> <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="//music.163.com/outchain/player?type=2&id=436514312&auto=1&height=66"></iframe> </div> # css #music { position: fixed; bottom: 0; right: 0; } # top right bottom left