Jquery 如何为需要位置的固定浮动Div保持父宽度:固定

Jquery 如何为需要位置的固定浮动Div保持父宽度:固定,jquery,css,Jquery,Css,以下是出现问题的页面: 看看右边的边栏,背景是粉红色的,上面写着POLL。 那个侧边栏现在作为一个固定浮动div向下滚动。没关系 问题是,当滚动触发它进入位置:fixed时,它会改变宽度。我把背景颜色改成了黄色,这样你就可以看到它发生了。显然,我想保持宽度 这是一个响应迅速的站点,因此像素宽度不是一个选项。 控制它的CSS是: #comment { position: relative; top: 0; background:pink; } #comment.fixed { position:

以下是出现问题的页面:

看看右边的边栏,背景是粉红色的,上面写着POLL。 那个侧边栏现在作为一个固定浮动div向下滚动。没关系

问题是,当滚动触发它进入
位置:fixed
时,它会改变宽度。我把背景颜色改成了黄色,这样你就可以看到它发生了。显然,我想保持宽度

这是一个响应迅速的站点,因此像素宽度不是一个选项。

控制它的CSS是:

#comment {
position: relative;
top: 0;
background:pink;
}

#comment.fixed {
position: fixed;
width:inherit;
top: 0;
background:yellow;
}
宽度
设为
继承
100%
并不能解决我的问题

控制固定div的jquery代码位于源代码的第50行。整个投票区域从源代码中的第339行开始。以防有额外的帮助

我知道
position:fixed
将属性转换为继承视口的值,而不是其相对父对象。但我猜有一个解决办法。。。我不介意它是否需要一些额外的javascript或jquery来启动它


谢谢。

您可以这样动态设置CSS:

var newWidth = $('#comment').parent().width();
$('#comment').width(newWidth);
然后,当您删除类
fixed
时,您只需添加该行:

$('#comment').removeAttr('style');

您可能需要设置一个固定的宽度。酷。这就是保持宽度的诀窍。现在它在黄色框的底部添加了一些奇怪的填充。。。知道是什么引起的吗?修订内容如下:()这是
个人调查的页边空白底部。当您处于固定位置时,会考虑余量,而处于静态位置时不会考虑余量。