php - 页眉不跨越整个页面-6ren

php - 页眉不跨越整个页面

转载作者：行者123 更新时间：2023-11-28 16:03:52

25

4

上下文:我正在学习有关 PHP 和 MySQL 的教程 - 目前正在制作一个模拟网站。本教程假设您具备 HTML/CSS 知识，而我没有。一切都很顺利，除了我不知道如何让我的页眉跨越页面的整个宽度。

我尝试了什么:首先我尝试自己解决问题 - 我转到我正在使用的 CSS 并尝试将“页眉”和“页脚”宽度从 980 像素调整到 100 % 并测试它，但没有骰子。 CSS是教程里的可下载文件，不是我写的，980px是我下载的时候设置的。在我自己修修补补失败后，我转向谷歌，我发现这个问题已经问过here ，但解决方案是我已经尝试过的。这很奇怪，因为起初在教程中，当导师运行网页时——他的网页和我的一样只是部分页面，但突然间在其中一个视频中，他的标题跨越了整个页面。我当时检查了视频中的练习文件，但他的 CSS 文件/页眉/页脚页面与我的完全相同。我尝试阅读一些有关 CSS 和 HTML 等之间的交互的内容，我了解了大致的想法，但仍然没有学到足够的知识来解决我的问题。

代码:我有一个页眉/页脚 .php，我将其包含在从浏览器可见的每个 .php 页面的开始/结束(分别)。他们在这里:

标题

<?php   if(!isset($page_title)) { $page_title = 'Staff Area'; } ?>

<!doctype html>

<html lang="en">   
  <head>
    <title>GBI - <?php echo h($page_title); ?></title>
    <meta charset="utf-8">
    <link rel="stylesheet" media="all" href="<?php echo url_for('/stylesheets/staff.css'); ?>" />   
   </head>

  <body>
    <header>
      <h1>GBI Staff Area</h1>
    </header>

    <navigation>
      <ul>
        <li><a href="<?php echo url_for('/staff/index.php'); ?>">Menu</a></li>
      </ul>
    </navigation>

页脚

<footer>
  &copy; <?php echo date('Y'); ?> Globe Bank
</footer>

</body>
</html>

我的 CSS 的选定部分(记忆一下上面的内容:我修改了宽度值。h1 block 最初没有宽度值，但我自己尝试了)

html {
  height: 100%;
  width: 100%;
}

body {
  height: 980px;
  width: 100%;
  margin: 0;
  padding: 0;
}

header {
  width: 100%;
  height: 40px;
  margin: 0 0 10px 0;
  padding: 0;
  background: #0055DD;
  color: white;
}

header h1 {
  width: 100%;
  margin: 0;
  padding: 5px;
  font-size: 20px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
}

我加载页眉和页脚的页面示例:

<?php require_once('../../private/initialize.php'); ?>

<?php $page_title = 'Staff Menu'; ?>
<?php include(SHARED_PATH . '/staff_header.php'); ?>

<div id="content">
    <div id="main-menu">
        <h2>Main Menu</h2>
        <ul>
            <li><a href="<?php echo url_for('/staff/subjects/index.php');?>">Subjects</a></li>
            <li><a href="<?php echo url_for('/staff/pages/index.php');?>">Pages</a></li>
        </ul>
    </div>

</div>

<?php include(SHARED_PATH . '/staff_footer.php'); ?>

我理解以上内容并不完全构成 MWE，对此我深表歉意。因为我是新手，所以我不知道问题可能潜伏在我的交互文件集合中的什么地方 - 所以我不知道如何将它浓缩为一个 MWE，而不可能隐藏问题所在。

问题:

Why does my header not span the whole page?

如果有人愿意，我会发布运行时的屏幕截图。

编辑:加载后页面的屏幕截图。此页面是上面 php 代码的最后引用部分:

最佳答案

两个 body { width: 100vw; } 或 header { width: 100vw; } 会成功的。您应该只需要其中之一。

当您将header 的宽度设置为100%，并且body 也设置为100% >，没有引用点。换句话说，body { width: 100%; } 是哪个元素宽度的 100%？您必须在某处设置一个“显式”宽度，可以这么说。

100vh 在行为方式上与 100% 类似，但 100vh 始终/strong> 是“浏览器窗口”的 100%(或者更确切地说是视口(viewport)宽度，正如 Chase Ingebritson 所提到的)。

如果这些都不起作用，请清除缓存或确保没有其他 CSS 依赖项干扰页面的显示方式。

关于php - 页眉不跨越整个页面，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/51107934/

25

4

0

文章推荐： javascript - CoffeeScript 从 JSON 获取键/值错误

文章推荐： ios - 从 Viewcontroller 与模型类进行录制

php - 输出 PHP 分隔符 ()，PHP 不解释分隔符
我在 JavaScript 文件中运行 PHP，例如...... var = '';). 我需要使用 JavaScript 来扫描字符串中的 PHP 定界符(打开和关闭 PHP 的 )。我已经知道使
php - PHP 是否具有确定与给定 PHP 脚本兼容的最旧 PHP 版本的内置方法？还是会永远？
我希望能够做这样的事情: php --determine-oldest-supported-php-version test.php 并得到这个输出: 7.2 也就是说，php 二进制检查 test.
php - 在没有 php 框架的情况下将 php 框架用于现有的 php 应用程序是个好主意吗？
我正在开发一个目前不使用任何框架的大型 php 站点。我的大问题是，随着时间的推移慢慢尝试将框架融入应用程序是否可取，例如在创建的新部件和更新的旧部件中？比如所有的页面都是直接通过url服务的，有几
php - 如何在同一 php 页面上的其他 php 脚本中使用 php 变量
下面是我的源代码，我想在同一页面顶部的另一个 php 脚本中使用位于底部 php 脚本的变量 $r1。我需要一个简单的解决方案来解决这个问题。我想在代码中存在的更新查询中使用该变量。 $name)
php - PHP 重定向后 PHP 是否继续执行？
我正在制作一个网站，根据不同的情况进行大量 PHP 重定向。就像这样...... header("Location: somesite.com/redirectedpage.php"); 为了安全起见
php - 如何避免在 php 文件中写入
我有一个旧网站，我的 php 标签从因为短标签已经显示出安全问题，并且在未来的版本中将不被支持。关于php - 如何避免在 php 文件中写入

php - 需要建议通过 php 编辑 php
我有一个用 PHP 编写的配置文件，如下所示，所以我想用PHP开发一个接口(interface)，它可以编辑文件值，如$WEBPATH , $ACCOUNTPATH和 const值(value)观
php - 无法发布 “PHP file” PHP
我试图制作一个登录页面来学习基本的PHP，首先我希望我的独立PHP文件存储HTML文件的输入(带有表单)，但是当我按下按钮时(触发POST到PHP脚本) )我一直收到令人不愉快的错误。我已经搜索了S
php - PHP 是否有生成有效 PHP 表达式的打印函数？
我正在寻找一种让 PHP 以一种形式打印任意数组的方法，我可以将该数组作为赋值包含在我的(测试)代码中。 print_r 产生例如: Array ( [0] => qsr-part:1285 [1]
php - PHP 数组键有大小限制吗？ PHP 数组一般有哪些限制？
这个问题已经有答案了: 已关闭11 年前。 Possible Duplicate: What is the max key size for an array in PHP? 正如标题所说，我想知道
php - PHP 是否有生成有效 PHP 表达式的打印函数？
我正在寻找一种让 PHP 以一种形式打印任意数组的方法，我可以将该数组作为赋值包含在我的(测试)代码中。 print_r 产生例如: Array ( [0] => qsr-part:1285 [1]
php - 让函数在 php 刷新时执行 (PHP)
关闭。这个问题需要多问focused 。目前不接受答案。想要改进此问题吗？更新问题，使其仅关注一个问题 editing this post . 已关闭 9 年前。 Improve this ques
php - 按时间段显示菜单 PHP PHP MySQL
我在 MySQL 数据库中有一个表，其中存储餐厅在每个工作日和时段提供的菜单。表结构如下: i_type i_name i_cost i_day i_start i_
php - 将参数发送到嵌套在 PHP 页面内的动态 PHP
我有两页。 test1.php 和 test2.php。我想做的就是在 test1.php 上点击提交，并将 test2.php 显示在 div 中。这实际上工作正常，但我需要向 test2.php
php - 文本区域 -> php -> mysql -> php
我得到了这个代码。我想通过textarea更新mysql。我在textarea中回显我的MySQL，但我不知道如何更新它，我应该把所有东西都放进去吗，因为_GET模式没有给我任何东西，我也尝试_GET
php - 我如何将一个 php 的值解析为另一个 php
首先，我是 php 的新手，所以我仍在努力学习。我在 Wordpress 上创建了一个表单，我想将值插入一个表(data_test 表，我已经管理了)，然后从 data_test 表中获取所有列(id
php - php 中的安全首选项、php 函数来清理输入
我有以下函数可以清理用户或网址的输入: function SanitizeString($var) { $var=stripslashes($var); $va
php - HTML/PHP 登录重定向到 php
我有一个 html 页面，它使用 php 文件查询数据库，然后让用户登录，否则拒绝访问。我遇到的问题是它只是重定向到 php 文件的 url，并且从不对发生的事情提供反馈。这是我第一次使用 html、
php - onClick php PHP 函数然后重定向
我有一个页面充满了指向 pdf 的链接，我想跟踪哪些链接被单击。我以为我可以做如下的事情，但遇到了问题: query($sql); if($result){
php - 有没有办法从 PHP 代码加载的文件中解析 PHP？
我正在使用从外部文本文件加载 HTML/PHP 代码 $f = fopen($filename, "r"); while ($line = fgets($f, 4096)) { print $l

首页

博学

6Ren·AI

商城

php - 页眉不跨越整个页面