父级fixed_css – 当应用position：fixed时,是否可以保留父元素的宽度？

当我们应用位置：固定到一个元素，它取为文档的

out of the normal flow，因此它不尊重它的父元素宽度。

有没有办法使它继承它的父宽度，如果这被声明为一个百分比？ (下面的工作用例)

let widthis = $('.box').width();

$('.dimensions').text(`width is ${widthis}`);

$('button').on('click',function() {

$('.box').toggleClass('fixed');

let widthis = $('.box').width();

$('.dimensions').text(`width is ${widthis}`);

});

.container {

max-width: 500px;

height: 1000px;

}

.box {

background-color: lightgreen;

}

.fixed {

position: fixed;

}

.col-1 {

border: 1px solid red;

float: left;

width: 29%;

}

.col-2 {

border: 1px solid pink;

float: left;

width: 69%;

}

Click this to toggle position fixed for the left column

fixed content

some other content