기본 영역에 채우기 권한을 설정할 수 없습니다.

Question

브라우저로 확대하면 here 오른쪽 여백에는 아무 것도 채워지지 않고 아무것도 표시되지 않습니다 (div가 "감추었습니다"). 화면의 끝). 나는 이것을 고칠 수 없다. 나는 padding-right를 적용 해 보았습니다 : 몸, 두 페이지 모두에 2em .. #page .. 행운이없이!

해결 방법이 있습니까?

Answer 1

페이지 내용을 보유 할 여분의 conainer 블록을 추가해야 할 수도 있습니다. 당신은 이런 식으로 뭔가를 시도 할 수 있습니다 :

#layout { 
    min-width: 1000px; 
    margin: 0 auto; 
    padding: 2em; 
} 

경우 : 새로운 구조가 구축 된 후

이

<div id="layout"> 
    <div id="page"> 
     <!-- Your page content here --> 
    </div> 
</div> 

는, 결과 #layout의 사업부는 body 요소의 패딩과 #page 스타일의 일부를이 있어야 '#page'DIV에 회색 테두리를 추가 : 당신은 당신이 시도 할 수있는 '더러운'트릭도있다, 현재의 HTML 구조를 변경하지 않으

#page { 
    border: 2em solid #e2e2e2; 
} 

을 그러나 당신이 뭔가를 사용할 때주의해야 th와 같음 원치 않는 부작용이있을 수 있기 때문입니다.

마지막으로 스타일 시트의 나머지 부분 이후에 기본 CSS 파일을 옮길 수 있습니다. 그렇지 않으면 후속 파일에 의해 오버라이드 된 일부 스타일로 끝납니다.