Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.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 使用CSS控制高度_Html_Css - Fatal编程技术网

Html 使用CSS控制高度

Html 使用CSS控制高度,html,css,Html,Css,我正在开发一个网站,在我的页面中,在每个HTML元素结束后,当我向下滚动时,它们会有一个额外的垂直高度。这让我的页面看起来很糟糕。我希望滚动到我写的最后一个div。 我能做些什么来修复它吗 编辑: 这是链接 我试着用firebug检查,但我想不出来 在页脚部分,我希望垂直空白消失,以便页面以灰色部分结束。它可能是正文标记上的默认边距,您可以使用此样式将其归零: 正文{margin:0px;padding:0px;} 你能发一个链接到这个网站,这样我就可以检查了吗 另一种可能性是,如果代码中有空格

我正在开发一个网站,在我的页面中,在每个HTML元素结束后,当我向下滚动时,它们会有一个额外的垂直高度。这让我的页面看起来很糟糕。我希望滚动到我写的最后一个div。 我能做些什么来修复它吗

编辑:

这是链接 我试着用firebug检查,但我想不出来


在页脚部分,我希望垂直空白消失,以便页面以灰色部分结束。

它可能是正文标记上的默认边距,您可以使用此样式将其归零:

正文{margin:0px;padding:0px;}

你能发一个链接到这个网站,这样我就可以检查了吗

另一种可能性是,如果代码中有空格,某些元素将导致尾随空格

因此,请寻找您拥有此功能的地方:

<div>
 <a href="#foo">some random link</a>
</div>

并转换为(为了识别问题,您可以在以后识别问题所在时重新格式化/缩进):


还要确保你没有任何自动关闭的div


此外,您使用的DOCTYPE是什么?

它可能是body标记上的默认边距,您可以使用此样式将其归零:

正文{margin:0px;padding:0px;}

你能发一个链接到这个网站,这样我就可以检查了吗

另一种可能性是,如果代码中有空格,某些元素将导致尾随空格

因此,请寻找您拥有此功能的地方:

<div>
 <a href="#foo">some random link</a>
</div>

并转换为(为了识别问题,您可以在以后识别问题所在时重新格式化/缩进):


还要确保你没有任何自动关闭的div


另外,您使用的是什么DOCTYPE?

在不知道源代码的情况下,我将告诉您所有的通用响应,希望其中一个能够为您提供帮助

使用doctype声明页面

body{margin:0;padding:0;}
重置所有元素上的边距/填充

p{line height:1.1em;}
后面的空白可能是元素的行高


如果这些建议都无效,请下载Mozilla Firefox web浏览器,安装Firebug插件,在网页中打开它,然后使用inspect元素(ctrl+shift+c)功能检查问题元素。单击元素后,可以从Firebug查看其样式、布局和计算值。这几乎可以保证向您显示错误所在。

在不知道源代码的情况下,我将告诉您所有的通用响应,希望其中一个能够为您提供帮助

使用doctype声明页面

body{margin:0;padding:0;}
重置所有元素上的边距/填充

p{line height:1.1em;}
后面的空白可能是元素的行高


如果这些建议都无效,请下载Mozilla Firefox web浏览器,安装Firebug插件,在网页中打开它,然后使用inspect元素(ctrl+shift+c)功能检查问题元素。单击元素后,可以从Firebug查看其样式、布局和计算值。这几乎可以保证向您显示错误所在。

您的页脚标记上有一个顶部:-50px。这就是底部空白的来源——方框向上移动了50个像素,但保留了空白


您需要重新调整布局,以消除将所有内容向上移动50像素的方式。

您的页脚标记上有一个顶部:-50px。这就是底部空白的来源——方框向上移动了50个像素,但保留了空白


您需要重新调整布局,以消除将所有内容向上移动50像素的方式。

好吧,它位于localhost中,因此我无法向您显示实时站点。我试着把那行主体{margin:0px;padding:0px;}放进去,但还是一样。我用过一个webdeveloper工具,看到了div、元素等的轮廓,但没有一行写得那么深。。。我想说的是,我没有为HTML元素声明一些不可见的自定义高度。此外,我会尝试将
DIV
归零,并使用firefox的FireBug在运行时查看CSS/属性。我会尝试使用FireBug。我现在使用的最佳选择是把网站上传到你可以提供链接的地方,这样我们就可以检查和帮助更多。好吧,它在localhost中,所以我不能给你看现场的网站。我试着把那行主体{margin:0px;padding:0px;}放进去,但还是一样。我用过一个webdeveloper工具,看到了div、元素等的轮廓,但没有一行写得那么深。。。我想说的是,我没有为HTML元素声明一些不可见的自定义高度。此外,我会尝试将
DIV
归零,并使用firefox的FireBug在运行时查看CSS/属性。我会尝试使用FireBug。在这一点上,我使用的最佳选择是将网站上传到某个你可以提供链接的地方,这样我们就可以检查并提供更多帮助。你是否试图使用CSS使页面高度达到浏览器窗口的100%?不。我刚才说的是整个网页的高度。你有没有可能尝试使用CSS使你的页面高度达到浏览器窗口的100%?没有。我说的是整个网页的高度。