Question

我有这样的问题。

我创建了单独的模板文件page-special.php，在其中输入了以下代码：

<?php
get_header(); 
?>

<style>

#top {
   width: 100%; 
   width: 100vw;
   background-color:#f1f1f1;
   position: absolute;
   left: 0;
   margin: 0 auto;

}

</style>

<div id="top">
   <h2>Responsive Background Images</h2>  

    .... more content here....  

</div>

<?php 

get_footer(); 

?>

如果我删除position: absolute，则所有内容看起来都不错：页眉+内容+页脚，但我的内容比中心框（主题样式）高。

如果我在整个页面宽度上的内容显示上添加position: absolute，但页脚会从页面底部跳到内容部分并位于其上方。

如何在整个页宽上显示div而页脚没有问题？

Answer 1

您需要关闭div，然后尝试是否没有只需将底部ti置于位置relative，但请确保页脚位于#top之外

?php
get_header(); 
?>

<style>

#top {
   width: 100%; 
   width: 100vw;
   background-color:#f1f1f1;
   position: absolute;
   left: 0;
   margin: 0 auto;

}

</style>

<div id="top">
   <h2>Responsive Background Images</h2>  

    .... more content here....  
</div>

<?php 

get_footer(); 

?>

当div的位置是绝对的

1 个答案: