float:left 하는데 머리 터질꺼같아요 ㅠㅠ
가욋길
2023.04.01
요렇게 빨강색 div 와 파랑색 div 를 만들고요,
두개를 감싸는 검은색 div를 만들었는데요
화면사이즈가 줄어들면 div 가로사이즈도 유동적으로 하고싶거든요
그래서 빨강색은 width:100px; 으로 고정했고
파랑색은 width:100%; 로 해놨어요
근데 화면을 줄이니까이렇게돼길 기대했는데
헉.. 이렇게 파랑색이 밑으로 내려와버리네요
그러더니 화면을 더 줄이면 그제서야 파랑색 div 사이즈가 줄어드네요ㅠㅠ
줄바꿈 전혀없이 가로사이즈만 줄어들게 할 수는 없나요??
-
주인님
저도 absolute 추천해드립니당 ㅋㅋ
-
나빛
빨강이는 왼쪽에 100px로 고정되어 있어도 상관없으면
검정에 빨강이 자리만큼 padding-left 주고 빨강이는 absolute로 positioning 해주면 될거같네요 -
든해솔
검정 부모의 크기만큼인 파란 div에 빨간 div가 더해져.. 100% + 100px이다보니 검정부모보다 더 커져서 떨어지게 되는거구요..
굳이 하셔야한다면 빨간 div를 position:absolute를 하고 파란 div에 width값 없이 margin-left:100px; 이면..