jquery - 是否可以调整粘在左侧的 div 的宽度以始终覆盖始终居中的 div？

Question

我能够用js做我需要做的事情，你可以看到它here ，调整窗口大小以了解我的意思。

代码是:

$(window).resize(function() {
   var offset = $("#two").offset();
    $('#three').css('width',offset.left+320); 
});

这个想法是红色 div 始终“居中”，但绿色 div 溢出读取的部分(用箭头指向)始终相同:

但是当你调整它的大小时，它看起来不太好，只用CSS可以做到这一点吗？或者修改一下js，让它看起来更流畅？

Answer 1

好吧，如果绿色div可以绝对定位，那么它的外部宽度需要是50% + 红色div宽度的一半+你想要的固定额外宽度(红色div的右侧):

#three{
    ...
    position: absolute;
    width:50%;
    padding-right:120px; /* half of 200 + 20 extra pixels */
}

参见fiddle