首页 > 其他 > 详细

边框或圆角被背景颜色挡住的解决方案

时间:2020-05-28 17:21:02      阅读:58      评论:0      收藏:0      [点我收藏+]

问题描述

记录一个工作中遇到的问题,给外层div设置了边框,但是里面内容如果宽度100%,然后有背景,就被挡住了。如下图:
技术分享图片

使用过的方法

1.于是我设置margin-left: 0.5px;,左侧是不被挡住了,但是有些地方下面被挡住,而且圆角也被挡住,行不通。
2.我又使用伪元素:after,宽高100%定位画一个边框,结果发现里面的内容被这个挡住了,点不了东西
3.最终,加上overflow: auto, 完美解决。

overflow属性规定当内容溢出元素框时发生的事情

后记

以前从来没注意这个,在这个问题里,却立了大功。

边框或圆角被背景颜色挡住的解决方案

原文:https://www.cnblogs.com/wangxi01/p/12981559.html

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