css 固定浮动,CSS固定头部和浮动内容

您可以在div2中添加一个div来显示其中的内容。 实际上，div将具有100px的顶部边距，以避免顶部div与内容重叠。 div2将从顶部延伸到底部，但顶部100px将不会被内容div使用。

所以诀窍是，让div1的高度与内容的上边距相同。然后它会没事

HTML：

div1 div1 div1 div1

和CSS将是这样的：

html,body {height:100%;width:300px;margin:0px;}

div.div1 {height:100px; background-color:red; position:absolute; width:300px;}

div.div2 {background-color:blue; height:100%;}

div.content {margin-top:100px; float:left; width:100%;}

，如果你想隐藏滚动完全只是增加overflow:hidden到div.div2

也你可以给容器赋予相同的背景颜色，使div2看起来无缝(它不会在滚动后延长)。

div.content {margin-top:100px; float:left; width:100%; background:blue;}

欢呼声