float:left 랑 float:right 사용해서
aaa bbb
이런식으로 양쪽에 배치했거든요?
근데 다음줄에 텍스트를 입력하면
aaa bbb
cccc
요런식으로 입력되는게 아니라
aaa cccc bbb
이런 식으로 가운데 빈공간에 배치 되어 버리는데 해결법이 있을까요??
float:left 랑 float:right 사용해서
aaa bbb
이런식으로 양쪽에 배치했거든요?
근데 다음줄에 텍스트를 입력하면
aaa bbb
cccc
요런식으로 입력되는게 아니라
aaa cccc bbb
이런 식으로 가운데 빈공간에 배치 되어 버리는데 해결법이 있을까요??
float 말그대로 둥둥 떠다니는거임 A랑 B를 왼쪽과 오른쪽에 띄워두면 하나의 섹션이 아니라 최상단에 둥둥 떠다니는거 그러니까 줄바꿈이 안되는게 당연함 1번 div안에 span2개로 좌에 붙이고 우에 붙이거나 해야지
float 안쓰면 된다 쓸 필요도 없고
굳이 쓸거면 float를 scope 식으로 관리하는게 좋음 float scope 역할을 하는 요소를 넣고 요소의 ::after 수도셀렉터로 clear both 먹이는 식으로
플렉스를 써바 - dc App
굳이 셋 다 한 wrapper에 넣고 싶다면 flex space around 해서 child 속성 두번째 것의 top 부분만 조절해도 될 거 같은데
감사합니다!!!!