老师你好,为什么我的这个div3的右边不能对齐呢。

来源:7-2 编程练习

慕沐9514370

2019-03-28 22:57:11

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
<title></title>
<style type="text/css">
#div1{
    width:100%;
    
}
#div2{
position: fixed;
left:0px;
top:30%;
width: 70px;
height: 100px;
}
#div3{
width: 70px;
height: 100px;
position: fixed;
right:0px;
top:30%;
}

</style>
</head>
<body>
<div>
<img src="http://climg.mukewang.com/59c9f7ce0001839219034033.png">
</div>
    <div id="div2">
    <img src="http://climg.mukewang.com/5a3383c70001f1b702240364.png">
</div>
<div id="div3">
    <img src="http://climg.mukewang.com/5a3383d00001a3dd02240364.png">
    </div>


</body>
</html>


写回答

1回答

好帮手慕查理

2019-03-29

您好,1.并不存在id值为div1的div。需要为div设置id值。

2.div3的宽度为70px,而且定位时right:0px;,也就导致了div3处于右侧边上,而图片本省较大,div无法放下图片,也就出现了下图效果。将div3的宽高设置为图片的宽高。

http://img.mukewang.com/climg/5c9d877f0001650502050428.jpg

祝学习愉快!


0

0 学习 · 4928 问题

查看课程