Question

这让我疯了。

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

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

<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; 
}

这根本不起作用。
我尝试过各种各样的东西，但我无法让它发挥作用。

Answer 1

您是否尝试将position: fixed用于#Wrapper

＆＃13;

#wrapper{ 
    position: fixed; 
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: greenyellow;
}

#left{ 
    background: red;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    right: 100px;
}

#right{ 
    background: blue;
    position: fixed;
    width: 100px;
    top: 0;
    height: 100%;
    right: 0px;
    bottom: 0px
}

＆＃13;

以上是适用于我的更新代码

CSS自动宽度div

1 个答案: