添加叠加 div答案

【问题标题】：Adding an Overlay Div添加叠加 div
【发布时间】：2012-09-27 12:21:06
【问题描述】：

我正在创建一个全屏设计，其中：

我正在尝试创建一个“选项”div，它会从右下角弹出，将我的地图覆盖在中间右侧。

但是，通过查看我的code，您可以看到我所做的使选项 div 从底部 div 开始并向下。此外，我给了它一个 100% 的宽度，但它并没有适应其容器的宽度，而是屏幕的宽度。

#options {
    position: absolute;
    background: #39E023;
    width: 100%;
    height: 200px;
    text-align: right;
}

谢谢大家！

【问题讨论】：

标签： css

【解决方案1】：

给你的 div 一个margin-top，它等于高度，负数：

#options {
    position: absolute;
    background: #39E023;
    width: 100%;
    height: 200px;
    text-align: right;
    margin-top: -200px;
}

【讨论】：

【解决方案2】：

只需给中间右容器position:relative，然后将选项div设置为left:0; bottom:0;

我更新了你的fiddle

【讨论】：