inflearn logo
강의

講義

知識共有

レスポンシブ ウェブサイト ポートフォリオ (Architecture Agency)

PCレイアウト セクション 詳細パブリッシング(Location Section) - #02

질문입니다.

解決済みの質問

231

cktmdgh372894

投稿した質問数 23

1

.feature가 width:  70%;  인상태이고

그 바로아래 자식인 .office 는 width: 60%, 

.service는 width: 40%를 주셨는데 이상태에서 

.office에 padding-right를 100px주면 .service가 옆으로 밀려서 .feature 의 width를 초과해서 줄바꿈이 되야 하는게 아닌가요?

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

回答 2

2

codingworks

이 부분은 웹개바르르 님이 착각하실 수도 있는 부분일거에요.

(60% + 100px)  + 40% 그러니까 100%를 초과했으니까 가로배치가 안되야 하는거 아닌가라고 아마도 이렇게 생각하지 않으셨을까 합니다.

하지만 이 경우는 60% 내에서 100px를 쓴 것이기 때문에 6:4로 유지하는 경우가 됩니다.

box-sizing: border-box가 있기 때문에 가능합니다.

style.css 가장 상단에 이 부분이 있습니다. 그래서 패딩값 100px을 60% 내에 포함시켜서 너비가 초과되지 않습니다.

/* Reset CSS */
* { box-sizingborder-box; }

물론 마진 좌우를 주면 초과되니까 안됩니다. 패딩만 해당 됩니다.

1

cktmdgh372894

아 처음에 box-sizing: border-box 줬던걸 깜박했었네요 .. 감사합니다

full reload 질문

1

181

3

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

1

149

2

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

1

199

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

275

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

216

1

section about에 관련.. 궁금해요

1

256

1

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

1

195

2

개발자도구

2

483

6