크기 조정 CSS

내 머리글이 어디에도 나타나지 않습니다. 나는 그것을 고치는 법을 알고 싶다.크기 조정 CSS

body { 
 
    background-color: antiquewhite; 
 
    font-size: 100%; 
 
    width: 100%; 
 
    height: auto; 
 
} 
 
nav { 
 
    height: 8%; 
 
    width: 100%; 
 
    position: fixed; 
 
    display: block; 
 
    background-color: grey; 
 
    z-index: 1000; 
 
} 
 
header { 
 
    width: 100%; 
 
    background-image: url("https://placehold.it/50/50"); 
 
}

<nav> 
 
    <h1>...</h1> 
 
</nav> 
 

 
<header> 
 
</header>

출처

2016-12-15 SRomie

Google에 HTML을 제공하지 않고 어떻게 도와 드릴 수 있습니까? 전체 코드를 제공하십시오. –

내 모든면에서 모두 괜찮아요. 이미지 경로'url'을 제대로 전달하고 있습니까? –

'header'에는 높이가 없습니까? –

이 트릭을 할 것입니다 :

html, body {height:100%;}

당신이 높이 비율이 부모가 고정 높이를 (그래서 실제로 뭔가의 8 %이다)이 있어야 사용하는 경우 또는 최소한 html 태그가 퍼센트 높이가 필요할 때까지 모든 부모.

출처

2016-12-15 15:38:58

당신을 사랑해. 당신의 대답에 대해 정말 고마워요. – SRomie

첫 번째 생각은 그 헤더 요소에 텍스트와 같은 일부 (HTML) 콘텐츠를 제공하거나 내 경험에 따라 높이를 명시 적으로 지정하는 것입니다. 컨테이너 요소는 경계가 어떤 식으로도 선언되지 않을 때 "표시"되지 않습니다.

그렇지 않으면 당신이 보니 here 기본적으로 나에게 같은 문제가있는 것 같습니다.

예 : Firefox에서 rightclick-> inspect 요소를 사용하여 요소가 단순히 렌더링되지 않았는지 (높이가 없기 때문에) 또는 적용된 CSS를 추적하고, CSS를 제자리에서 (비 영구적으로) 조작하거나, 심지어 자바 스크립트를 디버그하는지 확인할 수 있습니다.

희망이 도움이됩니다.

출처

2016-12-15 15:44:27 DMuenstermann

헤더 태그의 내용이 없으므로 높이가 0입니다. 헤더 태그 안에 텍스트를 추가하거나 css와 함께 높이를 추가하십시오.

출처

2016-12-15 15:48:18 Brian

크기 조정 CSS

답변

관련 문제