流體網格父包裝中的固定位置div？

Question

我已經建立了一個使用流體12列網格的網站。我想修正其中一個div的位置，當它到達頁面的頂部時（使用StickyJs或某些等效物）

但是，當應用固定位置時，div會從DOM和它完全打破了網格結構，因爲div失去了它的父級格式。

https://jsfiddle.net/k4r00au0/

position: fixed; 

有保持固定的滾動位置後的div位置和大小的方法嗎？

我已經試過：

width: inherit; 

無濟於事

提前感謝任何幫助，升技與此一難住了！

Answer 1

你可以通過手動設置寬度來解決這個問題。

var fixed = $('#fixed'), 
    container = fixed.closest('.inheritw'); 

$(window).on('resize',function(){ 
    fixed.width(container.width()); 
}).trigger('resize') 

演示在https://jsfiddle.net/k4r00au0/1/