inflearn logo
강의

講義

知識共有

「1万時間の法則」ウェブページ制作する

컨텐츠 영역의 높이 차이

386

wooseok Han

投稿した質問数 1

1

검은색 줄이 쳐져 있는 모습을 보면 알 수 있듯이 공유하기 버튼과 훈련하기 go go 버튼의 높이가 차이가 납니다.

제 오류인가 싶어 fianl 코드로 실행을 해보아도 똑같았습니다.

<div class=share> 부분에만 따로 덜 넣거나 더 넣은 것도 아니고 같은 buttons 의 css를 따르고

다른 것은 배경화면의 색과 왼쪽의 마진을 넣은 것 뿐입니다.

제 컴퓨터의 에러로 이런 것인가요? 아니면 따로 해결방법이 있을까요?

html css HTML/CSS javascript height vscode

回答 1

0

-J-

안녕하세요 좋은 질문 감사드립니다.

확인해본 결과 해당 문제는 윈도우 기반의 크롬과 엣지 브라우저에서 나타나고 있었습니다.

원인은 폰트로 사용된 GmarketSansBold때문인 것으로 파악되었습니다. 해당 폰트를 사용중에 텍스트에 띄어쓰기가 되어 있으면 컨텐츠의 높이가 달라지고 있습니다.

때문에 해결 방법으로는

1. 해당 폰트를 사용하지 않거나

2. 버튼 텍스트의 띄어쓰기를 제거하거나

3. 버튼에 높이 값을 줘서 강제하거나

이 세 가지 방법정도 있을것 같습니다.

답변이 도움이 됐으면 좋겠습니다. 감사합니다 :)

0

wooseok Han

감사합니다~

6-6

0

18

1

Json 플러그인 사용시 variable collection 없음

0

17

1

배리어블 목록 없음

0

23

3

Token 등록 방법 문의

0

21

1

3강 질문

0

18

1

74. 데이터 캐시 - 1 (이론) 강의 영상 누락

0

29

1

2강 nodejs 3단계 설명 질문

0

34

1

6-6 실습 문의

0

25

2

yes24 수집 md 파일 만들 때

0

25

2

깃허브에서 URL이 주어지지 않아요

0

396

1

.intro_saying 과 .intro .intro_saying 의 차이

0

320

1

공부하면서 내용들

0

451

1

VSC코드 기본프로그램 설치 주피터노트 파이썬이 안나와요

0

342

0

깃헙

0

314

1

Notion 링크 위치

0

274

1

.title_img img css 작성 문의 드립니다.

0

227

0

window store에서 ubuntu 설치

0

203

1

div클래스를 나누는 기준

0

253

1

html 질문 있습니다!

0

338

1

ubuntu 설치 이유

0

225

1

깃허브에 들어가도 검색이 안되네요 .. ?

0

312

1

HTML 강의내용 중

1

310

2

코드 자동생성 질문합니다.

0

326

1

CSS- 1부

0

361

1