div 어떻게 잡을지;;
가든
1
2
3 1
2
3 1
2
3
1
2
3 1
2
3
4 1
2
3 간단하다고 생각하면서 div안에 3개의 div를 넣는 구조로 레이어를 잡았는데요
말처럼 쉽지가 않네요
빨강,파랑 float:left 로 했는데
보시다시피 상하 길이가 가변적이라서
녹색에 높이가 맞춰지네요
셋다 float를 해버리면 제일 바깥 div영역을 못잡겠고;;
display:inline 하고 vertical-align:top으로 해봐도파폭에선 안되요ㅠ
자기 영역을 자리잡고 있어야 하니깐 float시키면 안될것같긴한데...
그냥 테이블을 써야하는건가;;
가로는 정확히 3등분 하면서도 세로는 가변적길이인 레이어를 잡으려면 어찌하는건가요?
-
날애
.wrap {width:604px; overflow:hidden; border:2px solid;}
.wrap div {width:200px; float:left;}
.wrap div.red {background:red;}
.wrap div.blue {background:blue;}
.wrap div.green {background:green;}
div class=\wrap\
\tdiv class=\red\
\t\tp123/p
\t\tp123/p
\ -
Sona
float는 바깥div를 고정으로만 해야는줄알았는데...
그런방법이 있었군뇨!! -
감추어왔던
빨,파,녹 모두 float:left; 해주시고 감싸주는 div에 overflow:hidden;을 넣어주시면 되지 않을까요..
-
권시크
예시 코딩 감사합니다^^