Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/73.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 div堆叠在彼此的顶部_Html_Css - Fatal编程技术网

Html div堆叠在彼此的顶部

Html div堆叠在彼此的顶部,html,css,Html,Css,我在试着一个接一个地跳下去。 我有一个名为服务内容的父div,然后我有一个div(我想一个接一个地堆叠)内容第一行,另一个名为内容第二行。 代码如下: .services{ 宽度:100%; 高度:100vh; 位置:相对位置; } .服务内容{ 位置:相对位置; 宽度:100%; 高度:100vh; 显示器:flex; 弯曲方向:立柱; 证明内容:中心; 对齐项目:居中; } .第一行内容{ 宽度:90%; 身高:100%; 位置:绝对位置; 证明内容:中心; 显示器:flex; } 1.第

我在试着一个接一个地跳下去。 我有一个名为服务内容的父div,然后我有一个div(我想一个接一个地堆叠)内容第一行,另一个名为内容第二行。 代码如下:

.services{
宽度:100%;
高度:100vh;
位置:相对位置;
}
.服务内容{
位置:相对位置;
宽度:100%;
高度:100vh;
显示器:flex;
弯曲方向:立柱;
证明内容:中心;
对齐项目:居中;
}
.第一行内容{
宽度:90%;
身高:100%;
位置:绝对位置;
证明内容:中心;
显示器:flex;
}
1.第一排{
显示器:flex;
宽度:85%;
高度:500px;
利润率:20px 30px;
}
.质量管理{
显示器:flex;
弯曲方向:立柱;
宽度:35%;
高度:200px;
利润率:0px 60px;
}
.品质管理h6{
字体大小:20px;
文本转换:大写;
}
.测试和校准{
显示器:flex;
弯曲方向:立柱;
宽度:35%;
高度:200px;
利润率:0px 60px;
}
.测试校准h6{
字体大小:20px;
文本转换:大写;
}
.医疗器械{
显示器:flex;
弯曲方向:立柱;
宽度:35%;
高度:200px;
利润率:0px 60px;
}
.医疗器械h6{
字体大小:20px;
文本转换:大写;
}
.第二行内容{
宽度:90%;
身高:100%;
位置:绝对位置;
证明内容:中心;
显示器:flex;
}
.第二排{
显示器:flex;
宽度:85%;
高度:500px;
利润率:20px 30px;
}
.首席审计员{
显示器:flex;
弯曲方向:立柱;
宽度:35%;
高度:200px;
利润率:0px 60px;
}
.首席审计师h6{
字体大小:20px;
文本转换:大写;
}

1.符合ISO 9000 2015标准的质量管理体系
我的同僚们都是精英。在万能的圣帆里,坐着智慧的人,充满了智慧的人,最快的速度!阿迪皮西,奎斯夸姆?多洛尔·福吉亚·多洛雷斯·波罗·佩尔弗雷迪斯阿库萨默斯

2.测试和校准实验室的质量管理体系 我的同僚们都是精英。在万能的圣帆里,坐着智慧的人,充满了智慧的人,最快的速度!阿迪皮西,奎斯夸姆?多洛尔·福吉亚·多洛雷斯·波罗·佩尔弗雷迪斯阿库萨默斯

3.根据ISO 13485对医疗器械进行质量管理 我的同僚们都是精英。在万能的圣帆里,坐着智慧的人,充满了智慧的人,最快的速度!阿迪皮西,奎斯夸姆?多洛尔·福吉亚·多洛雷斯·波罗·佩尔弗雷迪斯阿库萨默斯

4.根据ISO 9001的规定担任首席审核员 我的同僚们都是精英。在万能的圣帆里,坐着智慧的人,充满了智慧的人,最快的速度!阿迪皮西,奎斯夸姆?多洛尔·福吉亚·多洛雷斯·波罗·佩尔弗雷迪斯阿库萨默斯

5.项目管理 我的同僚们都是精英。在万能的圣帆里,坐着智慧的人,充满了智慧的人,最快的速度!阿迪皮西,奎斯夸姆?多洛尔·福吉亚·多洛雷斯·波罗·佩尔弗雷迪斯阿库萨默斯

6.质量管理 我的同僚们都是精英。在万能的圣帆里,坐着智慧的人,充满了智慧的人,最快的速度!阿迪皮西,奎斯夸姆?多洛尔·福吉亚·多洛雷斯·波罗·佩尔弗雷迪斯阿库萨默斯


如果从
内容行第一行
内容行第二行
中删除
位置:绝对
,则应正确堆叠:

.services{
宽度:100%;
高度:100vh;
位置:相对位置;
}
.服务内容{
位置:相对位置;
宽度:100%;
高度:100vh;
显示器:flex;
弯曲方向:立柱;
证明内容:中心;
对齐项目:居中;
}
.第一行内容{
宽度:90%;
身高:100%;
证明内容:中心;
显示器:flex;
}
1.第一排{
显示器:flex;
宽度:85%;
高度:500px;
利润率:20px 30px;
}
.质量管理{
显示器:flex;
弯曲方向:立柱;
宽度:35%;
高度:200px;
利润率:0px 60px;
}
.品质管理h6{
字体大小:20px;
文本转换:大写;
}
.测试和校准{
显示器:flex;
弯曲方向:立柱;
宽度:35%;
高度:200px;
利润率:0px 60px;
}
.测试校准h6{
字体大小:20px;
文本转换:大写;
}
.医疗器械{
显示器:flex;
弯曲方向:立柱;
宽度:35%;
高度:200px;
利润率:0px 60px;
}
.医疗器械h6{
字体大小:20px;
文本转换:大写;
}
.第二行内容{
宽度:90%;
身高:100%;
证明内容:中心;
显示器:flex;
}
.第二排{
显示器:flex;
宽度:85%;
高度:500px;
利润率:20px 30px;
}
.首席审计员{
显示器:flex;
弯曲方向:立柱;
宽度:35%;
高度:200px;
利润率:0px 60px;
}
.首席审计师h6{
字体大小:20px;
文本转换:大写;
}

1.符合ISO 9000 2015标准的质量管理体系
我的同僚们都是精英。在万能的圣帆里,坐着智慧的人,充满了智慧的人,最快的速度!阿迪皮西,奎斯夸姆?多洛尔·福吉亚·多洛雷斯·波罗·佩尔弗雷迪斯阿库萨默斯

2.测试和校准实验室的质量管理体系 我的同僚们都是精英。在万能的圣帆里,坐着智慧的人,充满了智慧的人,最快的速度!阿迪皮西,奎斯夸姆?多洛尔·福吉亚·多洛雷斯·波罗·佩尔弗雷迪斯阿库萨默斯

3.根据ISO 13485对医疗器械进行质量管理 我的同僚们都在我身边