如题,这个问题出现的原因是:div盒子相对父级标签是固定的,但是增加了阴影后阴影内容会溢出父级,这时候上上级标签高度如果是固定的,就会使之出现滚动条。
解决方案一:父级不需要出现滚动条,直接给父级设置overflow:hidden,避免div的阴影溢出父级。
解决方案二:给有阴影的div设置overflow:hidden,这样即不会影响阴影的显示,也不会影响div本身大小,也就解决了父级出现滚动条的情况,但是会影响到一些像Tooltips的展示。
div盒子存在阴影导致父级标签出现滚动条
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
相关阅读更多精彩内容
- 原因:内部的DIV因为float:left之后,就丢失了clear:both和display:block的样式,所...
- 引言 这次给大家带来了CSS-盒子模型部分的笔记,大家一同交流😊 认识盒子模型之前,先来了解一下CSS元素的分类吧...