강의

멘토링

커뮤니티

인프런 커뮤니티 질문&답변

Yeojin Kim님의 프로필 이미지
Yeojin Kim

작성한 질문수

반응형 웹사이트 포트폴리오(Architecture Agency)

전체 레이아웃 와이어프레임 퍼블리싱(PC) - 전체레이아웃, 헤더영역

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

작성

·

244

1

안녕하세요.

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

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

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

답변 1

1

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

Yeojin Kim님의 프로필 이미지
Yeojin Kim

작성한 질문수

질문하기