老师我有几个问题
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
*{
padding: 0px;
margin: 0px;
}
.div1{
}
.div2{
position:fixed;
top:250px;
right:220px;
}
.div3{
position:fixed;
top:250px;
left:150px;
}
</style>
</head>
<body>
<div class = "div1">
<img class = "img1" src =
"http://img1.sycdn.imooc.com/climg//59c9f7ce0001839219034033.png">
</div>
<div class = "div2">
<img class = "img2" src =
"http://img1.sycdn.imooc.com/climg//5a3383c70001f1b702240364.png">
</div>
<div class = "div3">
<img class = "img3" src =
"http://img1.sycdn.imooc.com/climg//5a3383d00001a3dd02240364.png">
</div>
</body>
</html>第一个：我上面的图片没有将整个页面占据满怎么办呢？；第二：就是我到底设置图片大小还是div的宽度，在我写这个程序里面，我如果在div1里面设置图片宽度会和div1中的right冲突。使得效果错误；第三：给第一个块元素设置足够的宽高，那我要设置成好多？那我怎么知道呢。第四，你看我这个程序怎么设置成对联窗口垂直居中？我不知道我这个怎么算
正在回答
同学你好，1、同学所说的横线拉框是怎样出现的，麻烦同学将修改后的代码贴出，便于老师定位问题。
2、在div1中设置能够占满整体页面的width的距离，然后设置img1作为背景图片的img的width为100%就可以
.div1{
width:100%;
}
.img1{
width:100%;
} 3、窗口的垂直居中设置的是img2和img3所在的div的定位，这里我们没有设置div的宽高，所以div的宽高是由图片撑起来的，所以图片的宽高也是div的宽高
这里我们定位将这个图片所在的div定位距离页面顶部50%的距离，然后将这个图片在向上移动自己本身距离的一半，就实现了垂直居中，这里图片的高度是364px，它的一半距离就是182px呐
关于垂直居中，我们可以这样理解
这里的margin-top:-182px就是这样来的。
如果我的回答解决了你的疑惑，请采纳，祝学习愉快~
同学你好，1、这里老师复制运行贴出代码，img1中的图片是占满的，这里出现没有占满的问题可能是因为屏幕的大小不一致造成的，这里我们可以设置img1的图片宽度为100%，来设置图片占满全局。
2、我们想让图片占满全局，可以将div1的宽度设置为100%，同时img1的宽度也设置为100%，这样我们使用百分比就可以使元素的宽度占满浏览器窗口的宽度。
在div1里面并没有需要使用right属性呐，这里还麻烦同学具体描述一下。
3、这里足够的宽高，同学可以使用百分比，比如宽高都是100%，也可以根据自己的屏幕大小，设置对应的宽高，比如宽是1200px，高是800px，这些都是可以的。
4、对联左右块元素相对于窗口垂直居中--> 这里我们可以在图片设置里面设置position:fixed；设置top：50%，margin-top为高度一半的负值来进行居中。
如果我的回答解决了你的疑惑，请采纳。祝：学习愉快~
相似问题
登录后可查看更多问答，登录/注册
- 参与学习 人
- 提交作业 676 份
- 解答问题 9666 个
本阶段将从前端网页搭建入手，到Java Web基础，前后端结合助你完成Java Web小白的蜕变！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星