屏幕变小时出现溢出问题

Question

我正在使用以下CSS代码来制作屏幕的div中心。

center {
top:50%;
top: 50%;
left: 50%;
width:30em;
height:18em;
margin-top: -9em; /*set to a negative number 1/2 of your height*/
margin-left: -15em; /*set to a negative number 1/2 of your width*/
border: 1px solid #ccc;
background-color: #f3f3f3;
position:absolute;
overflow: auto;
display: block;

}

但问题是，当我调整屏幕大小并且屏幕比上面提到的div小时，div的某些部分正在消失。我已将溢出选项设置为auto，但我仍面临问题。当屏幕小于div时，我需要滚动条。

请帮助解决此问题。

Answer 1

将此CSS添加到中心：

center{
....
    min-width: 700px;
}