위젯 css flex 질문 드립니다!
| CMS/프레임워크 | Rhymix 2.0 |
|---|---|
| 개발 언어 | PHP 7.4 |
| 문제 페이지 주소 | 비공개 (작성 후 5일 경과) |
위 사진과 같이 flex-grow 속성이 안먹힙니다. 제가 어디선가 뭘 잘못건들였는지.. ㅠㅠ
여백 없이 꽉 채우고싶은데 몆시간째 뻘짓중입니다 ㅠㅠ css 고수분들 도와주세요!
위 링크에 들어가시면 하단 댓글 위에쪽이 위치하고있습니다.
| CMS/프레임워크 | Rhymix 2.0 |
|---|---|
| 개발 언어 | PHP 7.4 |
| 문제 페이지 주소 | 비공개 (작성 후 5일 경과) |
위 사진과 같이 flex-grow 속성이 안먹힙니다. 제가 어디선가 뭘 잘못건들였는지.. ㅠㅠ
여백 없이 꽉 채우고싶은데 몆시간째 뻘짓중입니다 ㅠㅠ css 고수분들 도와주세요!
위 링크에 들어가시면 하단 댓글 위에쪽이 위치하고있습니다.
![화면 캡처 2022-04-12 224943.png.jpg [File Size:71.2KB/Download:1]](/files/download/link/1676458/8ece24e1d6d9fa253a2d2b39f23611c4/%ED%99%94%EB%A9%B4%20%EC%BA%A1%EC%B2%98%202022-04-12%20224943.png.jpg){kind=link}
댓글 3
flex는 바로 아래 단계의 자식 태그에만 적용됩니다.
flex 컨테이너로 선언하신 .widget_row 밑에 .widgetOutput이 2개 있고, 그 밑에 밑에 밑에 어딘가의 태그에 flex-grow 속성을 적용하신 것 같은데요. 컨테이너 바로 아래인 .widgetOutput에 적용하지 않으면 의미가 없습니다.
.widget_row > div {
flex-grow: 1;
}