我正在制作一个网页,其中我有一个div(“容器”),它是div“圆形”的父级。由于一些奇怪的原因,即使两个div的高度都大于屏幕,网页也不会让我向下滚动。
这是一个包含无法解决的组件的jFiddle:http://jsfiddle.net/pmg92/19/
关于为什么这不起作用的任何想法?
答案 0 :(得分:5)
您需要将position:fixed
从.container
移开,以便页面可以滚动
修改强>
在此处查看http://jsfiddle.net/pmg92/23/我认为这正是您所寻找的。我拿出了不相关的CSS,所以不要只复制并粘贴到你的。我删除了背景圆形图像而不是使用border-radius
,因为使用背景图像无法根据内容实际收缩或扩展。除非您使用webkits等,否则这不适用于旧版浏览器。
如果你想使用图像我建议在顶部,底部和中间之间切片。顶部将包含具有半径的顶部。中间将是1px高,根据需要重复垂直。底部将包含半径为半径的部分。
答案 1 :(得分:1)
问题在于您position
的{{1}}已修复。