首页 > 其他 > 详细

记一次定位塌陷问题

时间:2020-03-14 15:30:32      阅读:60      评论:0      收藏:0      [点我收藏+]

客户反馈问题图片:技术分享图片

 

 详细图片:技术分享图片

 

 

客户要求图片不能被压缩展示,于是我向图片加一个父盒子拥有宽高,内部img标签max宽高100%,同时相对于父盒子定位并使用transform属性

技术分享图片

 

 因为我之后的元素也是使用的定位,这就导致出现了浮动塌陷

技术分享图片

 

 视频播放按钮应该在下面盒子中央的,结果因为塌陷了导致播放按钮相对于上一个盒子做定位

清除浮动的方法有,

给父盒子添加高度,clear:both,

因为都是定死的高度,我就直接向父盒子添加高度了

技术分享图片

 

 最后效果图

技术分享图片

 

记一次定位塌陷问题

原文:https://www.cnblogs.com/mlw1814011067/p/12492240.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!