.content width와 height 없이 포지션만으로 가능한가요?

Question

안녕하세요.

.content 의 width와 height 값을 주지않고

left: 20px; right: 20px; top: 60px; bottom: 20px;

이렇게 직접 줘도 되는건가요? 이런 경우에 나중에 반응형에서나 복잡해지는 부분이 생길수 있을까요??

Answer

.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도 마찬가지구요.