Css 自动宽度分割

这让我快发疯了

情况如下。
我有一个包装器div，需要跨越屏幕的整个宽度/高度。
我需要1个div，位于屏幕右侧，具有固定宽度（例如100px；）。
然后，另一个div需要跨越屏幕的剩余左半部分（不再是了！）

注意：我不想浮动元素，我真的需要div跨越屏幕的整个高度，因为谷歌地图将加载到div中。
我知道css中的calc函数，但我不想使用它，因为IE8不支持它

#包装器{
位置：相对位置；
宽度：100%；
身高：100%；
背景：绿黄色；
}
#左{
位置：绝对位置；
左：0；
宽度：自动；
背景：蓝色；
}
#对{
位置：绝对位置；
右：0；
身高：100%；
宽度：200px；
背景：黄色；
}

这根本不起作用。

---

我试过各种各样的方法，但就是没能奏效

您是否尝试将

位置：fixed

用于您的

#Wrapper

#包装器{
位置：固定；
排名：0；
底部：0；
右：0；
左：0；
背景：绿黄色；
}
#左{
背景：红色；
位置：固定；
左：0；
排名：0；
身高：100%；
右：100px；
}
#对{
背景：蓝色；
位置：固定；
宽度：100px；
排名：0；
身高：100%；
右：0px；
底部：0px
}

看起来您想要“绝对定位”？坏主意。这不像你可以选择谷歌地图。我需要的是蓝色部分有剩余的屏幕宽度。这是非常重要的，因为谷歌地图不应该低于正确的分区。这将给我带来麻烦…谢谢你挽救了这一天！

<div id="wrapper">
    <div id="left"></div>
    <div id="right"></div>
</div>

#wrapper{ 
    position: relative; 
    width: 100%; 
    height: 100%; 
    background: greenyellow;
}

#left{ 
    position: absolute; 
    left: 0; 
    width: auto; 
    background: blue; 
}

#right{ 
    position: absolute; 
    right: 0; 
    height: 100%; 
    width: 200px; 
    background: yellow; 
}