Question

我需要将元素的位置设置为固定，因为我想将它用作可滚动div中的标题。我还需要在顶部指定元素poisition：0和right：0

如果我一起使用这些属性，它就不起作用。我该如何解决这个问题;

 position:absolute;
 top:0;
 right:0;

有效，但我需要修好位置..

如果我使用固定位置，则div位于整个文档上，而不是在我附加的div中... ...

小提琴：http://jsfiddle.net/TP2cp/

Answer 1

谁说你不能同时使用这些属性？

position:fixed;
top:0;
right:0;

在此示例jsFiddle here中尝试自己。

<强> HTML：

<div id="theDiv">Example Div</div>

<强> CSS：

#theDiv { position:fixed; top:0px; right:250px; }

回复OP的编辑：

你不能在容器div中有一个固定的positoned div，因为它是一个固定的div 将把它从流中取出。如果您计划将其固定在另一个div中，则应在position:absolute的容器div中使用position:relative。

看看我的新jsFiddle here。

<强> HTML：

<div id="container">
    Container Div
    <div id="fixed">Child Div</div>
</div>

<强> CSS：

#container {
    width: 400px;
    position:relative;
}

#fixed {
   position:absolute;
   top:0px;
   right:0px;
}

Answer 2

使用position:fixed。

示例：

<强> HTML

<div class="main">
    <div id="header"><p>Header</p></div>
</div>

<强> CSS

.main{
    width:100%;
    height:2000px;
}

#header{
    width:100%;
    height:100px;
    position:fixed;
    top:0;left:0;
    background:yellow;
}

JSFiddle

<强>更新

width:inherit;的解决方案：

JSFiddle#2

Answer 3

为什么不：

position:fixed;
top:0;
right:0;

Answer 4

问题是你是如何定位可滚动的div的？如果我理解了你想要的东西，我认为你只需要将标题放在可滚动的div之外

固定位置的元素

4 个答案: