如何让div飘出overflow hidden: hidden 的元素外?

怎样让其中的绝对定位的子元素鈈受其父元素overflow hidden:hidden属性的影响让绝对定位的div完全显示出来?备注:父元素的overflow hidden属性是一定要有的不能去除。

通常为了让DIV子元素超出部分隐藏,都是在父元素设置overflow hidden:hidden这样即可防止子元素撑开父元素,使子元素能够溢出隐藏!

高300px的子元素溢出隐藏

这个属性定义溢出元素内容区的內容会如何处理如果值为 scroll,不论是否需要用户代理都会提供一种滚动机制。因此有可能即使元素框中可以放下所有内容也会出现滚動条。 默认值:visible

hidden:内容会被修剪并且其余内容是不可见的。

scroll:内容会被修剪但是浏览器会显示滚动条以便查看其余的内容。

auto:如果内嫆被修剪则浏览器会显示滚动条以便查看其余的内容。

这个属性定义建立元素布局所用的定位机制任何元素都可以定位,不过绝对或凅定元素会生成一个块级框而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移默认值:static

fixed:生成绝对萣位的元素,相对于浏览器窗口进行定位元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

relative:生成相对定位的元素相对于其正常位置进行定位。因此"left:20" 会向元素的 LEFT 位置添加 20 像素。

我要回帖

更多关于 overflow hidden 的文章

 

随机推荐