小编典典

设置“位置:固定”div 相对于父 div 的宽度

all

我试图给一个 div(位置:固定)100% 的宽度(与它的父 div 相关)。但是我有一些问题…

编辑: 第一个问题是通过使用继承来解决的,但它仍然不起作用。 我认为问题在于我正在使用多个 div 占用 100%/继承宽度。您可以在 jsfiddle
更新中找到第二个问题:http: //jsfiddle.net/4bGqF/7/

狐狸示例

#container {
    width: 800px;
}

#fixed {
    position: fixed;
    width: 100%;
}

和html

<div id="container">
    <div id="fixed">Sitename</div>
    <p>
        blaat
    </p>
</div>

或者你可以试试:http: //jsfiddle.net/4bGqF/

问题似乎是 固定元素总是占用 window/document 的宽度 。有谁知道如何解决这个问题?

我不能给我的固定元素一个固定的,因为我正在使用 jScrollPane 插件。是否有滚动条取决于内容。

非常感谢!

PS:2 个 div 的文本是在彼此之上的。这只是一个例子,所以这并不重要。


阅读 154

收藏
2022-07-30

共1个答案

小编典典

我不确定第二个问题是什么(根据您的编辑),但如果您适用width:inherit于所有内部 div,它可以工作:http:
//jsfiddle.net/4bGqF/9/

您可能想为需要支持和不支持的浏览器寻找 javascript 解决方案width:inherit

2022-07-30