CSS在容器内固定div

本文介绍了CSS在容器内固定div的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

如何固定div包含在div.container中，其中固定div只固定在div.container（而不是页面的其余部分）？这意味着如果我向下滚动页面，在容器div之外，固定的div不滚动。很难解释，请参见此示例： jsfiddle/jg8qJ/

How do I have fixed div contained within a div.container, where the fixed div is ONLY fixed within the div.container (and not the rest of the page)? That means if I scroll down the page, outside of the container div, the fixed div does not scroll. It's hard to explain, see this example: jsfiddle/jg8qJ/

推荐答案

给予

.container { position:relative; }

并设置

.info { position:absolute; top:0; left:0; }