Question

CSS 怎么固定一个DIV的位置不会被其他元素往下顶

让一个DIV始终保持在一个位置 这个DIV上面的元素 如果超长了 不会把这个DIV往下顶 而回进入到这个DIV中 而进入这个DIV里的内容将会隐藏
要怎么弄？ 求哪位好心人可以详细讲讲

Answer 1

<style>
.top p {height:300px}
.bottom {position:fixed; bottom:0; width:100%; height:200px; background-color:#fff}
</style>
<div class=top>超长的内容<p></p>超长的内容<p></p>超长的内容<p></p>超长的内容<p></p>超长的内容<p></p>超长的内容</div>
<div class=bottom>固定的内容</div>

Answer 2

你好，可以使用css中的position属性的。比如：

<div style="width:500px;background:#CC9900;height:300px;position:relative">1</div>
<div style="width:300px;background:#ff0000;height:30px;position:absolute;left:30px;top:40px;overflow:hidden">2</div>

Answer 3

.xx{position:relative;}
.xxx{position:absolute; top:10px; left:10px;}

xxx为你所固定的那个div的类名，xx是xxx的父级元素的类名。

position：absolute；这个是相对定位也就是相对于父级元素xx而言的，top的值是xxx距xx顶部 的距离，left的值是xx距xx左侧的距离。