2016-09-07 4 views
0

화면에 9 개의 부유물이 있습니다. 9x9 그리드를 생성합니다. 나는 .part를 가져 때마다초기 위치에 관계없이 HTML 노드를 전체 화면으로 전환 하시겠습니까?

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

, 나는 그것이 초기 위치에서 확장, 전체 화면을 채우도록 항목을 트랜스 전환-크기를 조정하고 싶습니다. 항목의 초기 위치를 알지 못한다고 가정하면 순수 CSS로이 작업을 수행 할 수 있습니까?

+0

다른 div는 어떻게됩니까? –

+0

이상적으로는 없습니다. – Himmators

+0

플로트가 아닌 답변에서 볼 수 있듯이 포지셔닝은 갈 수있는 유일한 방법 일 것입니다. –

답변

0

난 당신이 다음과 같이 뭔가를 archieve하려는 이해한다면 :

Fiddle

그래서만큼 당신이 절대적으로 구 상자를 배치 할 수있는 옵션을 가지고있다.

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

하지만 부동 상자로이를 구현하는 방법은 없습니다. 이것은 단지 수레의 원칙에 위배됩니다.

관련 문제