2016-09-07 8 views
0

У меня есть 9 плавающих элементов на экране. создавая сетку 9x9.Переместить html-узел во весь экран независимо от исходного положения?

.part { 
    width: 33.333%; 
    height: 33.333%; 
    float: left; 
} 

Всякий раз, когда я наведите .part, я хотел бы перейти, размер транс элемент так, чтобы он заполнил весь экран, масштабирование от исходного положения. Предполагая, что я не знаю начальные позиции элемента, можно ли это сделать с помощью чистого CSS?

+0

Что будет с другими дивидами? –

+0

идеально ничего. – Himmators

+0

Как и в ответе, данном не с поплавками ... на самом деле, я думаю, что позиционирование было бы единственным путем. –

ответ

0

Если я понимаю, что вы хотите что-то вроде АРХИВ следующее:

Fiddle

Так можно до тех пор, пока у вас есть возможность расположить девять ящиков абсолютно.

.part { 
    position: absolute; 
    width: 33.333%; 
    height: 33.333%; 
} 

Но я не вижу никакого способа архивировать это с помощью плавающих ящиков; это было бы просто против принципа плавания.

Смежные вопросы