레이어 자동으로 조절된 후 스크롤 되게 하는 방법이 있을까요?
가욋길
2023.04.01
안녕하세요.오늘 처음 가입하자마자 질문 글 올려서 송구스럽게 생각합니다.우선 질문에 대해서 설명하겠습니다.
첨부된 이미지와 같은 레이아웃을 구성하려고 합니다.
전체 레이어는 300px의 고정 높이를 가지고 있구요,상단에는 이미지, 하단에는 텍스트가 들어갑니다.
상단 레이어는 안의 이미지에 비례해서 조절되며 max-height:200px가 됩니다.하단 레이어는 300px-상단레이어높이로 조절되어야 하며 텍스트 내용 overflow시 스크롤바가 생겨야 합니다.
상단 레이어의 높이 조절은 쉬운데 하단레이어의 높이를 맞추는게 쉽지가 않네요.javascript로 만지면 금방 되겠지만 오기가 생겨서 css로 해보려고 합니다.
많은 도움 부탁합니다.감사합니다.