如何维护需要位置的固定浮动Div的父宽度：固定

Question

以下是包含问题的页面：Link。

请看右侧边栏，粉红色背景表示POLL。 该侧栏目前向下滚动为固定的浮动div。没关系。

问题是当滚动触发进入position:fixed时，它会改变宽度。我已将背景颜色更改为黄色，以便您可以看到它发生。显然，我想保持宽度。

这是一个自适应网站，因此无法选择像素宽度。

控制它的CSS是：

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

#comment.fixed {
position: fixed;
width:inherit;
top: 0;
background:yellow;
}

让width成为inherit或100%无助于解决困扰我的问题。

控制固定div的jquery代码位于源的第50行。整个民意调查区域从源头的第339行开始。如果有帮助的话。

我知道position:fixed会将属性转换为继承视口的值而不是其相对父级。但我猜测有一个解决方案...我不介意它是否涉及一些额外的javascript或jquery来使其表现出来。

感谢。

Answer 1

您可以动态设置CSS：

var newWidth = $('#comment').parent().width();
$('#comment').width(newWidth);

然后当您删除课程fixed时，您只需添加该行：

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