关于上部盒子里有图片下面盒子magin-top负值的层级问题
2024-09-05 02:49:39
.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>
最新文章
- SQL SERVER 数据库操作脚本
- python-操作csv文件
- python查找算法的实现-二分法
- jquery序列化元素
- [HAOI 2005][BZOJ 1054] 移动玩具
- js 删除字符串中所有空格
- MySQL 多表查询 学习与练习
- pyqt5安装问题
- tomcat编译项目后,classes文件没有相应的改变;
- Maven传递依赖的范围
- MDI窗体容器
- Linux后台开发工具箱
- AngularJs分层结构小demo
- Ckeditor上传图片返回的JS直接显示出来,未执行!!!
- 深入理解HashMap(及hash函数的真正巧妙之处)
- canvas设置渐变
- 5 CrawlSpider操作
- 【问题记录】javaweb项目的jar无法识别注解的bean
- 六、修改 IntelliJ IDEA 模板注释中的 user 内容
- Dell服务器Raid卡电池策略调整