Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.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,我在另一个div中有3个div id.(#leftbody,#rightbody,#lowerbody)左半身和右半身都很好,但即使我将左半身和右半身的边距设置为“自动”,我的下半身似乎仍保持在左侧 .Header{ 背景色:#中交; 宽度:计算(100%-16px); 高度:100px; 边界半径:5px; } .中体{ 背景色:#141414; 宽度:计算(100%-16px); 高度:850px; 利润上限:3倍; 边界半径:5px; 位置:相对位置; } .页脚{ 背景色:#中交; 宽

我在另一个div中有3个div id.(#leftbody,#rightbody,#lowerbody)左半身和右半身都很好,但即使我将左半身和右半身的边距设置为“自动”,我的下半身似乎仍保持在左侧

.Header{
背景色:#中交;
宽度:计算(100%-16px);
高度:100px;
边界半径:5px;
}
.中体{
背景色:#141414;
宽度:计算(100%-16px);
高度:850px;
利润上限:3倍;
边界半径:5px;
位置:相对位置;
}
.页脚{
背景色:#中交;
宽度:计算(100%-16px);
高度:50px;
边缘顶部:5px;
边界半径:5px;
}
#左体{
背景色:#f1f1;
宽度:49%;
高度:425px;
左:0;
利润上限:3倍;
左边距:3倍;
位置:绝对位置;
z指数:1;
边界半径:5px;
不透明度:.25;
}
#右体{
背景色:#f1f1;
宽度:49%;
高度:425px;
右:0;
利润上限:3倍;
右边距:3倍;
位置:绝对位置;
z指数:1;
边界半径:5px;
不透明度:.25;
}
#下体{
宽度:98%;
身高:49%;
左边距:自动;
右边距:自动;
边缘顶端:430px;
利润底部:3倍;
边界半径:5px;
背景色:#F5;
位置:绝对位置;
}

如果添加
右侧:0;左:0到它的CSS规则,它将

.Header{
背景色:#中交;
宽度:计算(100%-16px);
高度:100px;
边界半径:5px;
}
.中体{
背景色:#141414;
宽度:计算(100%-16px);
高度:850px;
利润上限:3倍;
边界半径:5px;
位置:相对位置;
}
.页脚{
背景色:#中交;
宽度:计算(100%-16px);
高度:50px;
边缘顶部:5px;
边界半径:5px;
}
#左体{
背景色:#f1f1;
宽度:49%;
高度:425px;
左:0;
利润上限:3倍;
左边距:3倍;
位置:绝对位置;
z指数:1;
边界半径:5px;
不透明度:.25;
}
#右体{
背景色:#f1f1;
宽度:49%;
高度:425px;
右:0;
利润上限:3倍;
右边距:3倍;
位置:绝对位置;
z指数:1;
边界半径:5px;
不透明度:.25;
}
#下体{
宽度:98%;
身高:49%;
右:0;
左:0;
左边距:自动;
右边距:自动;
边缘顶端:430px;
利润底部:3倍;
边界半径:5px;
背景色:#F5;
位置:绝对位置;
}

如果添加
右侧:0;左:0到它的CSS规则,它将

.Header{
背景色:#中交;
宽度:计算(100%-16px);
高度:100px;
边界半径:5px;
}
.中体{
背景色:#141414;
宽度:计算(100%-16px);
高度:850px;
利润上限:3倍;
边界半径:5px;
位置:相对位置;
}
.页脚{
背景色:#中交;
宽度:计算(100%-16px);
高度:50px;
边缘顶部:5px;
边界半径:5px;
}
#左体{
背景色:#f1f1;
宽度:49%;
高度:425px;
左:0;
利润上限:3倍;
左边距:3倍;
位置:绝对位置;
z指数:1;
边界半径:5px;
不透明度:.25;
}
#右体{
背景色:#f1f1;
宽度:49%;
高度:425px;
右:0;
利润上限:3倍;
右边距:3倍;
位置:绝对位置;
z指数:1;
边界半径:5px;
不透明度:.25;
}
#下体{
宽度:98%;
身高:49%;
右:0;
左:0;
左边距:自动;
右边距:自动;
边缘顶端:430px;
利润底部:3倍;
边界半径:5px;
背景色:#F5;
位置:绝对位置;
}


它不会居中,因为你给了它绝对的位置。哇,谢谢你,我还是个新手。在我脱下它后,它向上推过左右身体的顶部。我怎样才能解决这个问题呢?看看LGSon的解决方案,它不会居中,因为你给了它绝对的定位。哇,谢谢你,我还是个新手。在我脱下它后,它向上推过左右身体的顶部。我怎样才能解决这个问题?请看LGSon的解决方案谢谢!工作完美!非常感谢。工作完美!