Question

我正在使用php开发代码。我在另一个php文件index.php中导入两个文件（header.php和footer.php）。现在我想要在水平滚动时修复header.php和footer.php。你能告诉我代码吗？我使用以下代码

Header.php
 code here
footer.php
code here

的index.php

<?php include("header.php"); ?>
 welcome to index file 
 welcome to index file 
 welcome to index file 

<?php include("footer.php"); ?>

在这个文件index.php中，我希望在水平滚动时修剪页眉和页脚，其他css也不应该被打扰。

Answer 1

你的解决方案还可以。只有我推荐使用这样的东西：

<div id="header">
<?PHP include_once('header.php');?>
</div>
<div id="wrap">
here is my html content
</div>
<div id="footer">
<?PHP include_once('foo.php');?>
</div>

使用include_once是为了不重复某个文件的include 并且拥有良好的CSS可以获得出色的布局

Answer 2

试试这个。，

 <div id="header">
    <?PHP include_once('header.php');?>
    </div>
    <div id="wrap">
    welcome to index file
    </div>
    <div id="footer">
    <?PHP include_once('foo.php');?>
    </div>

的CSS：

#header{position:fixed;top:0px;}
#footer{position:fixed;bottom:0px;}

或

header.php 
<div id ="header"></div><div id="content">
footer.php
</div><div id="footer"></div>

index.php
<?PHP include_once('header.php');?>
 content here.,
<?PHP include_once('footer.php');?>

Answer 3

使用HTML5并使用include_once

<header>
<?PHP include_once('header.php');?>
</header>
<div id="wrap">
here is my html content
</div>
<footer>
<?PHP include_once('foo.php');?>
</footer>

以下是一个示例FIDDLE DEMO

html,body{
    margin:0;padding:0;
}
header{
    background:Green;
    height:50px;
}
footer{
    position:absolute;
    width:100%;
    bottom:0;
    background:Red;
    height:50px;
}

Answer 4

在你的css中，只需输入以下属性： position:fixed;这应该可以解决问题。

如何修复php文件中的页眉和页脚

4 个答案: