Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何制作一个网站主页,在屏幕上显示所有内容(无滚动条)?_Html_Css_Header_Footer - Fatal编程技术网

Html 如何制作一个网站主页,在屏幕上显示所有内容(无滚动条)?

Html 如何制作一个网站主页,在屏幕上显示所有内容(无滚动条)?,html,css,header,footer,Html,Css,Header,Footer,我正在尝试创建一个简单(响应性强)的网站,其主页包含: 标题 背景图像 页脚 但是我找不到一种方法可以在“第一个屏幕”中同时看到页眉、背景图像和页脚,而不需要向下滚动页面。我已经在互联网上和这个论坛上搜索过了,但是我找不到一个适合我需要的解决方案 为了使网站具有响应性,我使用w3.css--> 这些是我正在使用的文件 我希望我的问题是明确的,有人可以帮助我 我不从SO下载文件 但我为您制作了一个非常基本的模板,在一个页面上包含页眉、背景和页脚,并带有否滚动条 HTML: 我不从SO下载文件

我正在尝试创建一个简单(响应性强)的网站,其主页包含:

  • 标题
  • 背景图像
  • 页脚
但是我找不到一种方法可以在“第一个屏幕”中同时看到页眉、背景图像和页脚,而不需要向下滚动页面。我已经在互联网上和这个论坛上搜索过了,但是我找不到一个适合我需要的解决方案

为了使网站具有响应性,我使用w3.css-->

这些是我正在使用的文件


我希望我的问题是明确的,有人可以帮助我

我不从SO下载文件

但我为您制作了一个非常基本的模板,在一个页面上包含页眉、背景和页脚,并带有滚动条

HTML:


我不从SO下载文件

但我为您制作了一个非常基本的模板,在一个页面上包含页眉、背景和页脚,并带有滚动条

HTML:

<head>
    <title></title>
</head>
<body>
<nav></nav>
    <footer></footer>
</body>
</html>
html {
    position: relative;
    min-height: 100%;
}
nav{
  width: 100%;
  height: 50px;
  background: green;
}
body {
    margin: 0 0 100px;
  background: blue;
}
footer {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100px;
    width: 100%;
    background-color: red;
}