老师，帮我看下我右边的怎么没靠边
来源：4-3 编程练习
qq_久坠深海_0
2020-03-12 22:49:06
<!DOCTYPE html>
<html>
<head>
<title>4-3position练习</title>
<style type="text/css">
*{margin:0;padding:0;}
.content{width:100%;height:4100px;background:url("http://climg.mukewang.com/59c9f7ce0001839219034033.png") center no-repeat; }
.nav-one {width:400px;height:400px; position:fixed;left:0;top:50%;margin-top:-200px;}
.nav-two{width:400px;height:400px; position:fixed;right:0;top:50%;margin-top:-200px;}
</style>
</head>
<body>
<div class="content">
<div class="nav-one"><img src="http://climg.mukewang.com/5a3383c70001f1b702240364.png"/>
</div>
<div class="nav-two"><img src="http://climg.mukewang.com/5a3383d00001a3dd02240364.png"/></div>
</div>
</body>
</html>
是宽度那些没设置好吗。老师，可以说下怎么去更好的设置宽高那些吗
1回答
-
好帮手慕粉
2020-03-13
同学你好，是的，就是宽度没有设置，我们可以按f12打开控制台，查看下元素：
因为内容默认靠左排列，所以靠右显示的是div，而不是图片，同学可以将宽高设置去掉，让其由内容撑开，然后再根据图片的大小来设置top值，图片大小为224*364：
左边的也是类似的，同学可以参考着修改一下。
祝学习愉快~
0
相似问题
回答 2
回答 1
回答 1
回答 4
回答 2