个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
26
4
尽管将所有边距和填充设置为 0，但我突然发现使用 Prepros(也尝试过 XAMPP)处理我的 html 和 css 时，会在我的下方添加额外(不需要的)空间最后一项即。页脚。直接从 Notepad++ 运行相同的 html 和 css 时，不会这样做(谢天谢地)。有人可以解释为什么会这样，因为我最终将从本地主机运行。这是 HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf=8">
<title>Title</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>header</header>
<div class="wrapper">wrapper1</div>
<div class="wrapper">wrapper2</div>
<footer>footer</footer>
</body>
</html>
这是 CSS:
html {
margin: 0;
padding: 0;
border: 3px solid green;
}
body {
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
border: 3px solid lightblue;
height: 100vh;
}
header {
flex: 1;
height: 50%;
background-color: red;
border: 3px solid black;
}
.wrapper {
flex: 1;
height: 20%;
background-color: blue;
border: 3px solid black;
}
footer {
height: 5%;
position: absolute:
bottom: 0;
background-color: orange;
margin: 0;
padding: 0;
}
以下是运行相同代码的图像，第一个来自 file:///，另一个来自 localhost:
希望对此事作出任何澄清。注意:以上是我尝试过的每个浏览器(Chrome、Firefox 和 Opera)的差异。
最佳答案
我认为这是因为您提到了页脚的 position: absolute;。你不应该，因为 flex 属性不再适用于 block 。尝试对每个子项使用 flex，例如:
header, .wrapper{
flex: 3;
}
footer{
flex: 1;
}
它对我有用。
关于css - Prepros/XAMPP 在最后一个 div/页脚下添加不需要的空间，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34199214/
26
4
0
我卸载了 xampp 并在 Windows 上安装了最新版本的 5.4 php。当我尝试安装新版本的 php 时，C://xampp 中的旧文件夹将被删除。我从该文件夹中删除了除 memcached
在全新安装的 Windows 7 和 Xampp 上，我无法访问 localhost .它只是说找不到，即使 Apache 和 MySQL 运行得很好。到目前为止我尝试过的: 检查 hosts此行的文
我最近没有在我的 xampp 中进行任何更改，直到昨天它都在正常工作。 但是现在我得到了这个错误: Object not found! The requested URL was not found
我最近没有在我的 xampp 中进行任何更改，直到昨天它都在正常工作。 但是现在我得到了这个错误: Object not found! The requested URL was not found
我在笔记本电脑上安装了Xampp 3.2.1版，之前MySQL在它上面运行得很好，但突然MySQL停止运行，而阿帕奇和其他公司都在运行。当我点击开始MySQL时，它显示这个错误我使用Windows 1
我希望在小型办公室内使用 xampp 设置服务器。我当然会保护 xampp，但为了让网络上的其他 4 台 PC 可以使用我的 web 应用程序，我是否只需创建一个虚拟主机？有没有办法确保只能在局域网上
我希望能够在 c:\xampp-scope 之外使用别名，如 alias /opt "C:\opt" 在 xampp 中有一些设置我无法确定，尝试更改用户，添加等，但这些设置都不起作用，它是一个纯粹的
我正在使用 XAMPP，Apache 2.2.17。我添加了虚拟主机，但我的虚拟主机和 localhost 都指向同一个位置。这是我在 httpd-vhosts.conf 中的代码 ServerNa
试图编辑 xampp 图标，但不能这样做，所以删除了它们。现在我的网页甚至没有 xampp 图标，我无法添加自己的图标。有人可以指导我完成真正有效的整个过程。如果不能，那么就教我如何在我的网站即将托管
已关闭。这个问题是 off-topic 。目前不接受答案。 想要改进这个问题吗？ Update the question所以它是on-topic用于堆栈溢出。 已关闭10 年前。 Improve th
当我尝试启动 XAMPP - MySql 时它不起作用。 我已经尝试修复它，但我找不到任何实际的解决方案，我希望你能找到它的问题所在。 有日志: 2019-06-26 9:08:35 0 [Note
出于某种原因，我需要同时运行两个 xampp 副本。我在互联网上阅读了很多教程，但如果我需要运行另一个，他们最终会告诉我关闭当前的 xampp。这有可能实现吗？ 最佳答案 您可以使用不同的端口同时运行
关闭。这个问题是off-topic .它目前不接受答案。 想改善这个问题吗？ Update the question所以它是 on-topic对于堆栈溢出。 9年前关闭。 Improve this q
如何在 XAMPP 中启用目录和文件列表？在 WAMP 中，它默认启用。 最佳答案 我的 Xampp httpd.conf 在 xampp 目录条目下已经有 Indexes 选项 删除所有默认的#co
我在 xampp 服务器上安装了 Moodle。它安装正确。但是当我尝试注销或任何其他事件时，Firefox 显示错误，页面没有正确重定向。我清除了浏览器的 cookie，但没有用。我重新安装了 Mo
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。 这个问题似乎不是关于 a specific programming problem, a softwar
我目前有 4 个网站使用 XAMPP 在我的家用台式电脑上运行。它们在端口 80、81、7733 和 25293 上运行。 从外部网络访问时，前三个运行良好，但最后一个 (25293) 无法加载。 (
我的 XAMPP 最新版本有问题，这是我第一次使用它，我一直使用 EasyPHP。 在我站点的“include”目录中有一个名为“header.php”的文件，当我从本地主机浏览该文件夹时，如果我直接
我已经安装了 xampp，默认情况下我的网站文件存储在 htdocs 中。如何更改网络目录路径？ 最佳答案 编辑文件/opt/lampp/etc/httpd.conf 并更改包含当前 Web 目录路径
我只用 Apache 和 PHP 安装了 XAMPP，现在我意识到我还需要 MySQL。我下载了 XAMPP 安装程序并运行它，但它不会安装在 C:\xampp 中因为它已经存在。 如何将 MySQL
我是一名优秀的程序员,十分优秀！