Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/76.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

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 - Fatal编程技术网

Html 为什么内容会离开屏幕

Html 为什么内容会离开屏幕,html,css,Html,Css,正如我的标题所示,我的内容脱离了屏幕 我浏览了我的css文件,没有任何带负号的边距。那么,为什么两边的内容都会离开屏幕呢 感谢您对这是为什么的任何建议 谢谢 正文{ 背景:线性梯度(rgb(100,50,50),rgb(80,20,20))无重复; 颜色:白色; 文本对齐:居中; 字体系列:“开放式Sans”,无衬线; } img{ 利润率:1%; } /*标题*/ 标题{ 背景色:#1d1e21; 高度:100vh; 位置:相对位置; } 收割台跨度{ 颜色:#fff; } 标题输入{ 边缘

正如我的标题所示,我的内容脱离了屏幕

我浏览了我的css文件,没有任何带负号的边距。那么,为什么两边的内容都会离开屏幕呢

感谢您对这是为什么的任何建议

谢谢

正文{
背景:线性梯度(rgb(100,50,50),rgb(80,20,20))无重复;
颜色:白色;
文本对齐:居中;
字体系列:“开放式Sans”,无衬线;
}
img{
利润率:1%;
}
/*标题*/
标题{
背景色:#1d1e21;
高度:100vh;
位置:相对位置;
}
收割台跨度{
颜色:#fff;
}
标题输入{
边缘顶部:20px;
}
p#口号{
颜色:#fff;
字母间距:2px;
}
保险商实验室{
列表样式类型:无;
}
ulli{
显示:内联;
填充:0 10px;
}
ullia{
颜色:#fff;
列表样式类型:无;
}
悬停{
颜色:黑色;
列表样式类型:无;
文字装饰:无;
}
/*主要*/
/*斯隆甘纳社交酒店*/
#斯隆甘纳社交酒店{
背景色:#1d1e21;
位置:绝对位置;
底部:0px;
}

NBC 2011
北欧咖啡馆

一起行动一起学习

“创造一个环境,在其中可以获得有关咖啡及其领域的知识”

从元素中删除
向左拉
向右拉
类,以便更好地用于对齐。这会让你的生活更轻松


另外,为什么整个站点的包装都在
标题中?

从元素中删除
左拉
右拉
类,以便更好地用于对齐。这会让你的生活更轻松


另外,为什么整个站点的包装器位于
标题中?

您的
顶栏中有两个
div
,它们是class
行,但不在class
容器的元素中。
引导程序不打算这样做,因此会导致意外行为。您必须使用类
容器将这两个
div
包装到另一个
div


另外,正如@nik_m所提到的:为什么要将整个页面包装在
标题中?这不是
标题
应该做的。

您的
顶栏中有两个
div
,它们是class
,但不在class
容器
的元素内。
引导程序不打算这样做,因此会导致意外行为。您必须使用类
容器将这两个
div
包装到另一个
div


另外,正如@nik_m所提到的:为什么要将整个页面包装在
标题中?这不是
标题应该做的。

那不起作用。它只是将文本居中。我并不是把整个网站包装在一个标题中。我发布的代码只是网站的一部分。好的。不知道那是你网站的一部分。尽管如此,您还是应该在某个时候学习flexbox。它更加模块化,你可以完全做你想要的,最重要的是它非常简单!干杯那不行。它只是将文本居中。我并不是把整个网站包装在一个标题中。我发布的代码只是网站的一部分。好的。不知道那是你网站的一部分。尽管如此,您还是应该在某个时候学习flexbox。它更加模块化,你可以完全做你想要的,最重要的是它非常简单!干杯
.row
上有导致出血的负边距。
.row
上有导致出血的负边距。谢谢。不知道使用容器类需要什么。代码只是网站的一小部分。因此,我不是将其包装在标题中。谢谢谢谢不知道使用容器类需要什么。代码只是网站的一小部分。因此,我不是将其包装在标题中。谢谢