CSS   发布时间:2022-04-17  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了如何忽略父元素的溢出:隐藏在css中大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个div元素包装其他div元素,如:
<div style="overflow:hidden"><div id="a"></div><div id="b"></div></div>

我有其他css规则管理外部div的维度.在我的实际代码中,我想要将div#定位在外部div以外的10像素.但是,我想让div#b仍然被外部div的overflow:hidden所切断.

实现这一目标的最好方法是什么?

解决方法

方法1

一个很好的方式是通过将溢出元素设置为position:fixed(这将使其忽略父级溢出),然后使用此技术将其相对于父级定位:

​.parent {
   position: relative;      
   .fixed-wrapper {
       position: absolute;         
       .fixed {
           position: fixed;
       }
   }
}

一个警告是,您不能在固定元素上设置任何顶部,右侧,左侧和底部属性(它们都必须为默认值’auto’).如果您需要稍微调整位置,可以使用正/负边距来改变.

方法2

最近发现的另一个技巧是保持overflow:hidden元素的位置为static,并将覆盖元素相对于较高的父(而不是overflow:hidden parent)定位.像这样:

http://jsfiddle.net/kv0bLpw8/

大佬总结

以上是大佬教程为你收集整理的如何忽略父元素的溢出:隐藏在css中全部内容,希望文章能够帮你解决如何忽略父元素的溢出:隐藏在css中所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。