HTML 태그에서 상속 한 HTML div 크기, 100 %

HTML 크기의 100 %를 나눠 가는데 어려움이 있습니다. 그것은 창 크기의 100 %를 만들지 만, HTML이 창보다 크더라도 크기를 상속하지는 않습니다.이 모든 문제는 몸체 나 HTML만큼 큰 부분 만 있으면된다는 것입니다. 이들에 대한 나의 CSS는 다음과 같습니다 http://i.imgur.com/2JNZG1f.png HTML 태그에서 상속 한 HTML div 크기, 100 %

내가 할 콘텐츠의 나머지 부분을 싶지 않는 : http://i.imgur.com/99VUULm.png

이 내가이 원하는 방법입니다

body, html{ 
    width: 100%; 
    height: 100%; 
    margin: 0 auto; 

    } 

#leftNav{ 
    background-image: url("images/nav_bar.png"); 
    background-repeat: no-repeat; 
    background-position: top left; 
    width: 20%; 
    height: inherit; 
    position: relative; 
    float: left; 
    background-color: #000000; 
    }

이는 순간에 모습입니다 HTML과 크기가 같고, leftNav뿐입니다. 어떤 아이디어?

출처

2013-02-03 Shepard

JavaScript가 옵션이라면 매우 간단합니다. – Nick

시도 #leftNav에

position: fixed;

를 추가. 또한, 나는 ..

이 당신이 찾고있는하지 무엇을 알려줘 .. 몸과 HTML의 폭과 높이가 중복, 그리고 아마도 심지어 뭔가 나사 수 있습니다 확신

출처

2013-02-03 09:06:48 asifrc

그게 실제로 옵션입니다, 나머지 내용 마진을 leftNav와 겹치지 않도록 조정해야했지만, 그 일을] =] 덕분에 고정 위치를 완전히 잊어 버렸습니다. – Shepard

스크롤하려는 경우 가로 및/또는 세로 스크롤 여부에 따라 고정 너비 및/또는 높이를 설정해야합니다. 본문 및 HTML의 부모는 창이므로 100 %로 설정하면 항상 창의 전체 너비와 높이입니다.

출처

2013-02-03 09:00:20 br3w5

HTML 태그에서 상속 한 HTML div 크기, 100 %

답변

관련 문제