Css 如何获得弹出窗口。圆圈修复？

我有以下代码：

.container{
背景：#000；
宽度：100%；
最小高度：800px；
位置：相对位置；
z指数：0；
}
.弹出窗口{
背景：#fff；
宽度：50%；
身高：70%；
位置：绝对位置；
溢出：自动；
边框：4px实心#678；
保证金：自动；
显示：块；
顶部：0；右侧：0；底部：0；左侧：0；
z指数：100；
边界半径：10px；
}
.弹出窗口h1{
显示：块；
字体大小：24px；
位置：相对位置；
文本对齐：居中；
顶部：20px；
}
.p{
宽度：60%；
保证金：0自动；
显示：块；
填充顶部：20px；
填充底部：40px；
}
.弹出式img{
寡妇：50%；
身高：50%；
保证金：0自动；
显示：块；
前50名；
}
.圆圈{
位置：绝对位置；
z指数：600；
右：450px；
顶部：100px；
显示：块；
}
.圆圈按钮{
显示：块；
颜色：#000；
边界半径：50%；
宽度：50px；
高度：50px；
位置：相对位置；
背景色：#fff；
边框：4px实心#678；
}
.圆圈按钮：悬停{
边框：5px实心#000；
}
.显示按钮{
宽度：60%；
高度：40px；
显示：块；
保证金：自动；
顶部：0；左侧：0；右侧：0；底部：0；
}

10欧元活动
“同侧性”是一个非常重要的概念。Lorem Ipsum是一个标准的项目，适用于16世纪欧洲、欧洲、欧洲、欧洲、欧洲、欧洲、欧洲、欧洲、欧洲、欧洲、欧洲、欧洲、欧洲、欧洲、欧洲、欧洲、欧洲、欧洲、欧洲、欧洲、欧洲、欧洲、欧洲、欧洲、欧洲、欧洲、欧洲、欧洲、欧洲、欧洲、欧洲、欧洲、欧洲、欧洲、欧洲、欧洲、欧洲、欧洲、欧洲、欧洲、欧洲、欧洲、欧洲等地。他在上一页写了一封信，上面写的是一封信，上面写的是一封信。他在60年代的《大众杂志》中遇到了介绍van Letraset vellen遇到了Lorem Ipsum的文章和最近的桌面出版软件zoals Aldus PageMaker die versies van Lorem Ipsum bevatten。

贝基克活动酒店
X

在这里，您需要移动

。在
内关闭
。弹出
，从
中移除
溢出：自动
。弹出
，以便在固定位置后可以看到
。圆圈

对css进行了其他更改以满足您的要求：


.container{
背景：#000；
宽度：100%；
最小高度：800px；
位置：相对位置；
z指数：0；
}
.弹出窗口{
背景：#fff；
宽度：50%；
身高：70%；
位置：绝对位置；
边框：4px实心#678；
保证金：自动；
显示：块；
排名：0；
右：0；
底部：0；
左：0；
z指数：100；
边界半径：10px；
}
.弹出窗口h1{
显示：块；
字体大小：24px；
位置：相对位置；
文本对齐：居中；
顶部：20px；
}
.p{
宽度：60%；
保证金：0自动；
显示：块；
填充顶部：20px；
填充底部：40px；
}
.弹出式img{
寡妇：50%；
身高：50%；
保证金：0自动；
显示：块；
前50名；
}
.结束{
位置：绝对位置；
宽度：50px；
高度：50px；
顶部：-25px；
左：-25px；
}
.圆圈{
z指数：600；
}
.圆圈按钮{
显示：块；
颜色：#000；
边界半径：50%；
宽度：50px；
高度：50px；
位置：相对位置；
背景色：#fff；
边框：4px实心#678；
}
.圆圈按钮：悬停{
边框：5px实心#000；
}
.显示按钮{
宽度：60%；
高度：40px；
显示：块；
保证金：自动；
排名：0；
左：0；
右：0；
底部：0；
}

10欧元活动
“同侧性”是一个非常重要的概念。Lorem Ipsum是一个标准的项目，适用于16e eeuw，甚至是欧洲的drukker，甚至zethaak met letters nam en ze door elkaar husselde om字体目录
特马克恩。他在上一页写了一封信，上面写的是一封信，上面写的是一封信。他是60年代的一位平民，他遇到了介绍范莱特拉塞特·维伦的人，也遇到了同样的人
Recentelik door桌面出版软件zoals Aldus PageMaker die Versions van Lorem Ipsum bevatten。

贝基克活动酒店
X
您需要将
div.closing
放置在
容器内，将
宽度
和
高度
从
弹出
到
。容器
并根据需要进行其他必要的样式更改。任何原因。绝对弹出？？