覆盖有溢出的所有父/祖父/ /等....隐藏和Witdh

时间:2016-04-28 11:59:22

标签: html css

我遇到的问题是我使用的JS控制器构建了几个html元素,而且我对一些子元素只有很小的控制权(我可以在它们上构建html)。

使用问题的答案 Allow specific tag to override overflow:hidden

我已经建立了一个我的问题的场景(不仅父亲使用overflow:hidden而且还使用了祖父和曾祖父等等......其中一个是定义较低的{{1}比我的孩子......)

这个example是祖父没有width:的时候。

example是无效的实际代码....我看不到红框 ....而我需要看到它 ....

2 个答案:

答案 0 :(得分:1)

如果页面不需要滚动,则可能有效。它至少做了你要求的,显示红色框。

position: fixed;添加到您要查看的元素中断overflow: hidden;

JSFiddle

这是有效的,因为视口包含固定元素。

W3 CSS Position Fixed

答案 1 :(得分:0)

由于top元素中的width使用px,因此纯CSS无法实现这一点。但是,您可以尝试使用width: auto;