Question

我有一个问题是将固定div作为其父元素的宽度，它本身相对于另一个div定义。

一开始可能不太清楚，所以这里有一个代码说明情况：

HTML

<div class="grandparent">
    <div class="parent">
        <div class="fixed"></div>
    </div>
</div>

CSS

.grandparent {
     width:100px;
     position:relative;
 }

.parent {
     width:70%;
     position:relative;
 }

.fixed {
     width:100%;
     position:fixed;   /* This div must be fixed and have 100% width relative to parent */
 }

这是JSFiddle。

.fixed div有没有办法在固定位置时继承其父级的宽度？

谢谢。

Answer 1

使用postion: absolute代替position: fixed。

绝对定位适用于第一个亲戚。已修复适用于窗口。

然后，您可以使用top，left，right和bottom属性将div相对于其父级放置在视口中。

小提琴：https://jsfiddle.net/k0vndvzj/3/

Answer 2

position: fixed相对于窗口视口，只需从position: fixed;移除.fixed {...}即可。

如何制作父div的固定div宽度，它本身是以百分比定义的？

2 个答案: