Inflearn Community Q&A
asked
.content width와 height 없이 포지션만으로 가능한가요?
Written on
·
231
1
안녕하세요.
.content 의 width와 height 값을 주지않고
left: 20px; right: 20px; top: 60px; bottom: 20px;
이렇게 직접 줘도 되는건가요? 이런 경우에 나중에 반응형에서나 복잡해지는 부분이 생길수 있을까요??
HTML/CSS웹 디자인jquery반응형-웹
Answer 1
1
codingworks
Instructor
.content에 width height 값이 있어야 .content의 부모요쇼 위아래 가득채울 수 있잖아요.
left: 20px; right: 20px; top: 60px; bottom: 20px; 이런 속성은 포지션 속성이 없으면 못쓰는 속성이니까 포지션 속성은 당연히 필요합니다.
그리고 반응형에서도 문제는 없어요.
.content의 CSS를 보면 width: calc(100% - 40px) 이니까 퍼센트 단위니까 반응형에서서는 문제 없어요.
height 도 마찬가지구요.
나중에 반응형으로 바꾸는 부분을 보시면 모바일에서 좌우상하 여백을 없애는게 필요해서 미디어쿼리 구문에...
width: calc(100% - 40px) 대신에 width: 100% 로 대체됩니다. height도 마찬가지구요.