CSS在容器内固定div [英] CSS fixed div within container

问题描述

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

推荐答案

给予

.container { 
    position:relative; 
} 

并设置

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

这篇关于CSS在容器内固定div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！