요소를 제거하고 공간을 차지하는 방법은 무엇입니까?

Question

미디어 쿼리를 사용하여 모바일 웹 사이트를 조정하고 있습니다. visibility 속성을 사용하여 특정 요소를 숨기지 만 여전히 공간을 차지합니다.

제발 도와주세요!

Answer 1

로 display:none;을 시도합니다. 대신 display:none을 사용해야합니다.

날

display:none이 요소는 모든 페이지에 표시되지 나타냅니다 차이를 설명하겠습니다. 또한 공간이 할당되지 않습니다.

visibility:hidden은 요소가 보이지 않는다는 점에서 display:none과 유사합니다. 그러나 공간은 여전히 ​​페이지에 할당되어 있습니다. 요소가 렌더링되지만 페이지에는 표시되지 않습니다. W3 스쿨 당

,

Even invisible elements take up space on the page. Use the display property 
to create invisible elements that do not take up space 

http://www.w3schools.com/cssref/pr_class_visibility.asp

Answer 2

는 속성이 visibility:hidden를 사용하는 것처럼 소리