상자 모델은 항상 두통을 겪었습니다. 템플릿 (here)을 가져 와서 Spring MVC + Apache Tiles 프로젝트 (here)로 통합하려고합니다. 방화 광섬유를 살펴볼 때 main
div의 내용이 올바르게 포장되어 있지 않음을 알 수 있습니다. 아래는 HTML의 가장 바깥 쪽 부분입니다. 나는 여기에 더 많은 코드를 넣지 않은 것에 대해 사과하지만, 문제를 보여주는 라이브 사이트가 잘 만들었다 (admin/admin으로 로그인).HTML 상자 모델이 맞지 않습니다.
<html>
<head> ... </head>
<body>
<div class="wrapper">
<div id="header"> ... </div>
<div id="main">
<div id="sidebar"> ... </div>
<div id="page"> ... </div>
</div>
</div>
</body>
</html>
편집이는 해결되었다, 그래서 난 내 데모를 오프라인으로 촬영했다.
Windows 7 - Firefox 11에서 정상적인 것처럼 보입니다. – tw16
관련 CSS – steveax
을 게시하십시오. Firefox 11 (OS X)에서 정상적으로 보이지 않으며 CSS가 여러 파일에 걸쳐 있습니다. HTML의 요점은 문제가 있다고 생각되는 부분을 신속하게 나타 내기위한 것이 었습니다. – Nik