inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

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

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

247

Yeojin Kim

작성한 질문수 3

1

안녕하세요.

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

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

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

HTML/CSS 웹 디자인 jquery 반응형-웹

답변 1

1

코딩웍스(Coding Works)

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

full reload 질문

1

181

3

섹션4에 있는 4번째 강의 질문(스크롤링)

1

149

2

안녕하세요. 질문있어서 조심스레 글을 올려봅니다.

1

198

1

브라켓 라이브 실행시 실행오류때문에 진도가안나갑니다..ㅠㅠ

1

317

3

css full reload 문제가 발생하여 질문드립니다!

1

316

3

파일 내 index.html에 대한 오류

1

264

1

모바일 네비게이션 퍼블리싱 - 모바일트리거, GNB 보이기 감추기 부분 해결되지 않아 재 질문 드립니다ㅠㅠ

1

207

1

모바일 네비게이션 퍼블리싱 - 모바일트리거, GNB 보이기 감추기 질문입니다

0

218

2

모바일 네비게이션 퍼블리싱 ㅡ모바일트리거,GNB 보이기 감추기 부분 다시 수정하여 질문드립니다!

1

201

2

모바일 네비게이션 퍼블리싱 ㅡ모바일트리거,GNB 보이기 감추기 부분 질문드립니다.

1

255

3

크로스브라우징-크롬

1

280

2

섹션 17 하드코딩으로 이미지맵 만들기 부분 연습파일이 없어요..

0

256

1

line-hieght를 em 단위로 쓰는 것에 대하여 질문 드립니다

1

217

1

슬릭 슬라이더 dots 보이게 하는 방법 질문 드립니다

1

274

1

이거 h2 가 안나오고 스크롤도 안되는데 왜이래요?

1

257

1

모바일 버전에서 메뉴 클릭 후 그 위치로 이동할 때 상단 영역

1

508

2

PC에서 모바일화면으로 전환되면 GNB 메뉴가 OPEN되어있는 상태 (소스)4

2

233

1

PC에서 모바일화면으로 전환되면 GNB 메뉴가 OPEN되어있는 상태 (소스)3

2

309

1

PC에서 모바일화면으로 전환되면 GNB 메뉴가 OPEN되어있는 상태 (소스 js)2

2

261

1

PC에서 모바일화면으로 전환되면 GNB 메뉴가 OPEN되어있는 상태

2

423

1

포지션 속성 중복과 관련해서

1

215

1

section about에 관련.. 궁금해요

1

256

1

섹션3 모바일네이게이션 퍼블리싱 모바일트리거 관련

1

195

2

개발자도구

2

483

6