css - 有什么方法能够突破父级元素的width:[small]px，overflow: hidden，让超出父元素的子元素显示出来？
本文介绍了css - 有什么方法能够突破父级元素的width:[small]px，overflow: hidden，让超出父元素的子元素显示出来？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
这样说可能比较抽象，举个例子
<html>
<head>
<style>
.p {
width: 200px;
overflow: hidden;
}
.c {
width: 300px;
}
</style>
</head>
<body>
<div class="p">
<div class="c"></div>
</div>
</body>
</html>如上所示，子元素c超过父级元素的区域显示不出来，只能显示200px。把子元素设置为绝对定位试过，但是还是不行？不知道大家有什么解决方法？谢谢大家。
====== 补充下 ======
子元素还是要跟随父元素滚动
====== 再补充下 =======
直接absolute是可以的(怀疑这是否没有relative的父级元素，相对父级元素可能是body)，但是这是后我的子元素需要相对父元素绝对定位。代码如下：
p {
position: relative; /*加了这行就没法突破了*/
}好吧，我是最后设置指定元素 overflow: visible...
解决方案
谢邀。
可用fixed进行突破
https://jsfiddle.net/d74khbuq/1/
用absolute + transform 进行突破
https://jsfiddle.net/d74khbuq/2/
这篇关于css - 有什么方法能够突破父级元素的width:[small]px，overflow: hidden，让超出父元素的子元素显示出来？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
