固定div溢出父高度
问题描述:
如果您有一个父级div包装固定高度div和100%高度div。但是,固定高度div与其父项重叠。请看看这个小提琴:http://jsfiddle.net/Wcgvt/。固定div溢出父高度
谢谢!
答
我已经分叉的小提琴,并添加一些CSS here。
你想要做的是使你的容器(d3
)position: relative
这样就可以四溢的容器上使用position: absolute
,像这样:
.d3 {
height:100%;
position: relative;
}
.d3-2 {
max-height: 100%;
overflow: auto;
position: absolute;
bottom: 0px;
top: 54px;
left: 0px;
right: 0px;
}
在这里,我设置顶部54px
推它从头部向下,每隔一个维度到0px
将其推到边缘。将top: 54px
更改为无论您的头是多高。
这种方法唯一需要注意的是您必须为标题设置明确的高度。
顺便说一句,我希望你在实际的代码中使用更明智的类名;我失去了很多次d
的踪迹。
答
试试这个:
.d3 {
height:100%;
overflow: hidden;
}
添加位置的逻辑是什么:相对?我的意思是,是否有任何逻辑规则可以解释为什么把绝对值放在相对的div中? – 2012-03-21 23:43:30
绝对定位的元素将自己放置在距离_given_最近的父元素中。这就是为什么我给容器“position:relative” - 这样'position:absolute'将滚动框推到容器的边缘。 – Bojangles 2012-03-21 23:50:39