为什么碟片和边框什么的移动不到右边啊

来源:3-3 移动端项目开发----表示层

慕标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%;
}


写回答 关注

2回答

  • simon_wyk
    2017-05-17 21:30:20

    我也是移动不到右边

  • Amy_sh
    2016-12-14 23:01:06

    需要给html和body设置高度为100%

HTML5+CSS3实现春节贺卡

又逢新春佳节,春节贺卡搞起来,学会HTML5+CSS3实现春节贺卡

110034 学习 · 450 问题

查看课程

相似问题