Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.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
Css 如何删除网站中的空白区域_Css_Html - Fatal编程技术网

Css 如何删除网站中的空白区域

Css 如何删除网站中的空白区域,css,html,Css,Html,我一直在做这个网站,但我被困在了一个点,在屏幕底部的浅灰色空白拒绝去。 我已经移动了页面的结尾。关于如何修复那个空白区域有什么想法吗 @导入url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300400700); 身体{ 背景#08121A; 背景图像:url('../img3.jpg'); 背景大小:100%100%; 背景重复:无重复; 保证金:0; 填充:0; 字体系列:“源Sans-Pro”,“无衬线”; 字体大小:

我一直在做这个网站,但我被困在了一个点,在屏幕底部的浅灰色空白拒绝去。 我已经移动了页面的结尾。关于如何修复那个空白区域有什么想法吗

@导入url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300400700);
身体{
背景#08121A;
背景图像:url('../img3.jpg');
背景大小:100%100%;
背景重复:无重复;
保证金:0;
填充:0;
字体系列:“源Sans-Pro”,“无衬线”;
字体大小:1.1米;
颜色:#545B64;
字体大小:300;
}
.伸展{
宽度:100%;
身高:100%;
}
* {
保证金:0;
填充:0;
}
/**元素默认值**/
桌子{
宽度:100%;
文本对齐:左对齐;
}
th,
运输署{
填充:10px 10px;
}
th{
颜色:#666;
背景:141517无重复-x滚动左上;
}

场地地契

尝试放置
img{位置:固定;左:0px;上:0px;右:0px;下:0px;}

并将img作为body标记中的最后一个元素移动


在你的情况下,身体将从所有元素中获取高度。因此,如果你把img放在标签上,背景总是会占据身体的高度(这是计算身体中所有元素的形式),所以如果你把img放在标签上,就会占据空间,别忘了把img标签放在低的位置。试试这个:

background-size:cover;

请更正您的html代码

必须先结束标记,然后再开始标记。不是标签的结尾。因此,您的html代码如下所示:

<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>site titl</title>


<link rel="stylesheet" href="css/reset.css" type="text/css" />
<link rel="stylesheet" href="css/styles.css" type="text/css" />
<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">


<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/slider.js"></script>
<script type="text/javascript" src="js/superfish.js"></script>

<script type="text/javascript" src="js/custom.js"></script>

<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" />
</head>
<body>

Put here your body content

</body>   
</html>

试试背景尺寸:封面。是的,我也试过了,但是运气不好:(请把你所有的代码和身体都贴出来。
.yourcssClass {position: fix; left:0px; top:0px; right:0px; bottom:0px;}