.box{
width: 800px;
box-sizing: border-box;
margin: 50px auto 0;
background: pink;
}
.imgBox{
width: 80%;
height: 500px;
margin: 0 auto;
background: green;
}
.imgBoximg{
display: block;
width: 100%;
height: auto;
height: 500px;
}
.boxc{
width: 100%;
height: 300px;
background: #c00;
margin-top: -100px;
position: relative;
                   加入这行样式即可调整下面盒子的层级
}

  

<div class="box">
<div class="imgBox"> <img class="imgBoximg" src="img/plt1.png" alt="" />
</div>
<div class="boxc"></div>
</div>

  

最新文章

  1. SQL SERVER 数据库操作脚本
  2. python-操作csv文件
  3. python查找算法的实现-二分法
  4. jquery序列化元素
  5. [HAOI 2005][BZOJ 1054] 移动玩具
  6. js 删除字符串中所有空格
  7. MySQL 多表查询 学习与练习
  8. pyqt5安装问题
  9. tomcat编译项目后,classes文件没有相应的改变;
  10. Maven传递依赖的范围
  11. MDI窗体容器
  12. Linux后台开发工具箱
  13. AngularJs分层结构小demo
  14. Ckeditor上传图片返回的JS直接显示出来,未执行!!!
  15. 深入理解HashMap(及hash函数的真正巧妙之处)
  16. canvas设置渐变
  17. 5 CrawlSpider操作
  18. 【问题记录】javaweb项目的jar无法识别注解的bean
  19. 六、修改 IntelliJ IDEA 模板注释中的 user 内容
  20. Dell服务器Raid卡电池策略调整

热门文章

  1. 语言I博客作业04
  2. kafka原理和操作
  3. airflow原理
  4. 用CTime类得到当前日期 时间
  5. django初步了解3
  6. 使用python操作kafka
  7. PowerBI 实现不同角色看到内容不同支持动态权限管理
  8. 基于C#开发的扩展按钮控件
  9. HTML5之客户端存储(Storage)
  10. Android-分享多图到微信好友