我看了看,但我无法找到它。请解释为什么类中的图像:secondimage在下面的代码中根本没有移动。不应该所有的div都以相同的方式移动,不管它们是否有文字或图像?感谢您的任何帮助。移动一个div里面的图像?
<head>
<style>
html, body{
margin: 0;
height: height: 100%;
}
h1, h2, h3{
font-family: "Arial", Helvetica, sans-serif;
}
.topp{
margin-right: 500px;
background-image: url('gamerbeta.jpg');
background-color: fff;
width: 100%;
height: 450px;
float: top;
box-shadow: 3px 3px 4px black;
}
.second{
position: relative;
top: 0px;
background-color: white;
width: 100%;
height: 450px;
box-shadow: 3px 3px 4px black;
}
.secondword{
position:absolute;
top: -50px;
left: 450px;
font-size: 50px;
}
.secondp{
position:absolute;
top: 10px;
left: 1100px;
text-align: center;
.secondimage{
position: absolute;
top: 50px;
left: 1200px;
}
.third{
position: relative;
background-color: white;
width: 100%;
height: 450px:
box-shadow: 1px 1px 4px black;
}
</style>
</head>
<body>
<div class=topp></div>
<div class=second>
<div class=secondword><h1>BETA</h1></div>
<div class=secondp><h2>EXCLUSIVE ACHIEVEMENT<br>FOR JOINING BETA</h2></div>
<div class=secondimage><img src="test.jpg" alt=""></div>
</div>
<div class=third>
</div>
</body>
需要移动的位置? –
我不明白你的问题是什么,你的CSS在'.secondp'块中有一个错字(缺少'}')。 – j08691
我不明白为什么某些东西应该“移动”。以上所有代码都是静态的,没有找到“移动”代码。 – shaochuancs