-1

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

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

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

有效，但我需要固定位置..

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

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

4

4 回答 4

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 内有一个固定的定位 div，因为使它成为一个固定的 div会使它脱离 flow。如果您打算将其固定在另一个 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;
}
于 2013-04-08T09:58:42.083 回答
1

使用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;
}

JSF中。

更新

一个解决方案width:inherit;：

JSFiddle#2。

于 2013-04-08T10:01:28.710 回答
0

为什么不：

position:fixed;
top:0;
right:0;
于 2013-04-08T09:59:31.670 回答
0

问题是你是如何定位可滚动的 div 的？如果我明白你想要什么我想你只需要将标题放在可滚动的 div 之外

于 2013-04-08T10:05:00.187 回答