CSS設置居屏幕中間的彈出塊

.alert {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 300px;
    height: 200px;
    margin-left: -150px;
    margin-top: -100px;
    background: #1c242a;
    -webkit-border-radius: 5px;
    padding-bottom: 15px;
}

        根據屏幕大小自動設置塊位置

         不能根據內容自動調整塊大小