我的应用程序有一个非常简单的布局。页眉、主要内容和页脚。从语义上讲,它们呈现如下:
<body>
<div id = "header"> </div>
<div id = "content"> </div>
<div id = "footer"> </div>
</body>
相应的 CSS 也非常基础:
#header{
width:100%;
min-height:10%;
}
#center{
width:100%;
min-height:80%;
}
#footer{
width:100%;
min-height:10%:
}
正如您在布局页面中所知道的,以下是内容的呈现方式:
<div id= "content">
<?php echo $sf_content; ?>
</div>
以上所有内容都非常好,并且按照预期呈现。但这有一个小故障,我放入<?php echo $sf_content; ?>
页脚的那一刻被包含为内容的一部分,而不是作为#content标记之后的div。
本质上,我明白了:
<div id = "header"></div>
<div id = "content>
<div id ="symfony_template_to_be_rendered">
<!-- all web application related content like forms etc. -->
</div>
<div id = "footer">Footer material
</div>
</div>
正如你所看到的,出于某种奇怪的原因,页脚随着 symfony 内容向上移动。显然这是一个小故障,因为如果我从布局中的 div 标签中删除 php 哈希 $sf_content 部分,那么页脚将自身呈现为应在的位置,并且所有内容都占用了所需的尺寸。
这里发生了什么?