Расположение всплывающего окна в середине экрана без JavaScript

Question

У меня есть следующие HTML и CSS, теперь я хочу расположить всплывающее окно в середине экрана любого размера окна браузера.Возможно ли это без JavaScript?

CSS:

.floating-window {
    z-index: 9999;
    position: absolute;
    width: 200px;
height: 200px;  
    cursor: default;
    -moz-box-shadow: 1px 1px 1px #888;
    -webkit-box-shadow: 1px 1px 1px #888;
    box-shadow: 1px 1px 1px #888;
}

HTML:

<div class='floating-window box'></div>

Answer 1

С процентами вы можете установить свой ящик таким образом, чтобы половина его была на левой стороне.Так что

width: 30%;
left: 45%; /* 50% (center) - 15% (half of 30) */

Вы также можете использовать px, но тогда вы будете ограничены абсолютной шириной контейнера.Вы искали вокруг?Я знаю, что есть некоторые статьи, объясняющие этот метод более подробно, чем я.

Answer 2

Конечно, это возможно, но как вы собираетесь заставить его уйти?

Для этого потребуется JavaScript ...