섹션크기가 고정되어있어요

Question

html, sass, js를 사용해서 반응현 웹제작을 하고 있습니다.헤더부분 css 를 완료하고 섹션부분을 만들려는데 섹션 높이 값이 고정되어있는데 왜 이럴까요?아직 스타일 지정한 것도 없습니다..높이값을 줘도 먹지 않습니다. 아직 쌩초보라.. 많은 답변 부탁드립니다. 포트폴리오

@import url(./reset.css); #wrap { #header { width: 100%; height: 90px; border-bottom: 1px solid #ddd; background: #fff; .container { width: 100%; max-width: 1360px; height: 100%; margin: 0 auto; .gap { width: 100%; height: 100%; padding: 10px 0; display: flex; justify-content: space-between; align-items: center; .left { width: 189px; height: 100%; display: flex; align-items: center; h1 { width: 100%; a { width: 100%; display: block; img { width: 100%; } } } } .middle { width: 1340px - 189px; max-width: 800px; height: 100%; ul { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; li { width: 100%; align-items: center; a { width: 100%; font-weight: 600; font-size: 20px; color: #222; padding: 0 31.25px; } } } } .right { width: 160px; cursor: pointer; .button { width: 100%; height: 100%; border-radius: 35px; background: #780997; border: 1px solid #780997; &:hover { background: #000; transition: all 0.3s; } a { width: 100%; em { width: 100%; font-size: 10px; font-weight: 400; color: #fff; } img { width: 100%; vertical-align: top; } } } } } } } #main { #section1 { } #section2 { } }}

섹션크기가 고정되어있어요

0개의 답변

Q&A 목록