Closed minseonju closed 3 months ago
어떻게 해결하셨나요?
[start.js]
<div className="start-page">
<div className="top-section">
<div className="puddle-top-box"></div>
<div className="ocean">
<div className="wave"></div>
생략
<div>
<div>
[start.css]
.ocean {
height: 100%;
생략
background: white
}
top-section 안에 있는 요소인 ocean의 css에 문제가 있었습니다. 해당 요소의 height가 start-page의 최대 크기를 넘어 ocean의 background만 화면에 보이는 오류가 발생한 것이었습니다. height를 top-section 최대 크기를 넘지 않게 조정해 주면 해당 문제를 해결할 수 있습니다.
참고하겠습니다.
startpage를 top, middle, bottom 3개의 공간으로 나누어 화면 구성 요소들을 각 공간에 따로 배치하고 싶은데 화면이 제대로 나누어지지 않음.