위와같이 작성했는데 높이갚을 픽셀로 두면 잘 나오는데 100%로 두었을때 바디가 화면에 안나옵니다. ㅜㅜ 강의 화면에는 잘 나오는데 문제가 뭔지 모르겠어요..

검은색 줄이 쳐져 있는 모습을 보면 알 수 있듯이 공유하기 버튼과 훈련하기 go go 버튼의 높이가 차이가 납니다. 제 오류인가 싶어 fianl 코드로 실행을 해보아도 똑같았습니다. <div class=share> 부분에만 따로 덜 넣거나 더 넣은 것도 아니고 같은 buttons 의 css를 따르고 다른 것은 배경화면의 색과 왼쪽의 마진을 넣은 것 뿐입니다. 제 컴퓨터의 에러로 이런 것인가요? 아니면 따로 해결방법이 있을까요?

height:  100%가  상위 부모요소를 따라간다고 알고 있는데,  body태그와 html태그에 height값을 안받앗는데 어떻게 브라우저 화면에 맞춰진건가요????