慕标1141662
2016-12-11 21:56
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>慕课迎春</title> <link rel="stylesheet" type="text/css" href="css/style.css"> </head> <body> <div id="music"> <img src="image/切图图片资源/music_pointer.png"> <img src="image/切图图片资源/music_disc.png"> </div> <div id="page1"> <div></div> <div>点击频幕<br>开启好运2017</div> <div></div> <div>2017年侯波新年特献</div> </div> <div id="page2"> <div></div> <div></div> <div></div> </div> <div id="page3"> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> </div> </body> </html> *{ margin: 0; padding: 0; border: none; font-size: 1.5625vw; font-family: Microsoft Yahei; } #muisc{ position: fixed; top: 3vh; right: 4vw; z-index: 5; width: 15vw; height: 15vw; border: 4px solid #ef1639; } #music>img:first-of-type{ position: absolute; top: 24%; right: 2.5%; width: 28.421%; } #music>img:last-of-type{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 79%; }
我也是移动不到右边
需要给html和body设置高度为100%
HTML5+CSS3实现春节贺卡
110057 学习 · 450 问题
相似问题