안녕하세요! float 정렬 질문입니다

[김우솔]

 

블로그 폼 만들기 하고있는데요, 

imm class div가 (빨간색) 우측으로 정렬이 안됩니다. 마치 검은 박스가 block 인것처럼요..

왜 안되는지 이해가 잘 안됩니다 ㅠㅠ 도와주세요

[위즈온협동조합]

잘 생각해보면 쉽습니다.

float은 띄우는 겁니다.

1. writer가 float이 되어있지않다.

2. 빨간색 박스가 들어갈 공간이없다.

 

1번 해결하셨으면

writer 박스는 80%,  innert는 20%죠? 두 박스를 더하면 100%입니다.

따라서 빨간색 박스는 들어갈 부분이 꽉 차서 들어갈 곳이 없는겁니다.

imm(빨간색 박스) 넓이가 19%니 다 더해서 100% 안쪽으로 만들어보세요. 

[codingapple]

html보면 검은박스 파란박스 빨간박스 순으로 만들어서 그렇습니다 

검은박스 다음에 파란박스를 만들어야하는데 폭이 크니까 자리가 없어서 그냥 밑줄에 채울 수 밖에 없는 것일 뿐입니다 

박스 2개만 먼저 만들어서 8대2로 쪼개는 식으로 하면 될듯요 

[김우솔]

위즈온협동조합님은 누구세요? 뭔 소리 하시는거에요?;;

[김우솔]

질문 다시 한번 드리겠습니다.

1. 검은박스와 파란박스가 둘다 float상태이면 빨간 박스도 float상태로 right정렬하면 우측 빈공간에 쏙 들어가야 하는것 아닌가요??

2. 이 상태에서 우측 빈공간에 쏙 넣을 방법은 없을까요?

[김우솔]

아 이해했습니다. 검은색,파란색 박스가 둘다 왼쪽 정렬이면 파란색이 검은색 다음으로 와야하는데, wrap이 800이니 그냥 공간을 비워두고 다음줄로 넘어간거군요. 그 빈공간은 사용중이 되는거고요.. 감사합니다

[글쓴이]

글