关于图片做div背景高度自适应问题
.div1{
width: 100%;
height:4000px;
background-image: url("http://img1.sycdn.imooc.com/climg//59c9f7ce0001839219034033.png");
background-size: cover;
background-repeat: no-repeat;
}
.img1,.img2{
width: 224px;
height: 364px;
position: fixed;
top: 0;
bottom: 0;
/*left: 0;*/
/*right: 0;*/
margin: auto;
}
.img1{
left: 0;
}
.img2{
right: 0;
}.div1里的高度怎么自适应背景图片的高度呢?
16
收起
正在回答
2回答
是的，图片需要放在有具体尺寸的容器中才能显示。不过不是高度自适应，宽度默认百分百，而是显示容器宽度的图片。比如容器的尺寸比图片小，则只能显示部分图片，如果容器尺寸比图片大，则会重复显示图片。
fixed表示固定定位，与absolute定位类型类似，但它的相对移动的坐标是视图本身。
祝：学习愉快~
2. 从网页搭建入门JavaWeb
- 参与学习 人
- 提交作业 676 份
- 解答问题 9666 个
本阶段将从前端网页搭建入手，到Java Web基础，前后端结合助你完成Java Web小白的蜕变！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星