Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jsf-2/2.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,当我改变5个矩形的高度时,第4个矩形也会改变高度。第五个矩形应该更小,垂直居中于4的末端。有人能指出我做错了什么吗 多谢各位 .rack1{ 背景色:#000; 高度:925px; 宽度:240px; 浮动:左; 左边距:5px; 右边距:5px; 边框:2倍实心#00F; 溢出:隐藏; } .2{ 背景色:#000; 高度:925px; 宽度:240px; 左边距:5px; 右边距:5px; 边框:2倍实心#00F; 浮动:左; 填充顶部:300px; 溢出:隐藏; } .网络{ 背景色:#

当我改变5个矩形的高度时,第4个矩形也会改变高度。第五个矩形应该更小,垂直居中于4的末端。有人能指出我做错了什么吗

多谢各位

.rack1{
背景色:#000;
高度:925px;
宽度:240px;
浮动:左;
左边距:5px;
右边距:5px;
边框:2倍实心#00F;
溢出:隐藏;
}
.2{
背景色:#000;
高度:925px;
宽度:240px;
左边距:5px;
右边距:5px;
边框:2倍实心#00F;
浮动:左;
填充顶部:300px;
溢出:隐藏;
}
.网络{
背景色:#8b;
高度:40px;
宽度:228px;
右边距:自动;
左边距:自动;
边缘顶部:5px;
利润底部:3倍;
}
杰斯塔图斯先生{
背景色:#8b;
高度:40px;
宽度:228px;
右边距:自动;
左边距:自动;
边缘顶部:5px;
利润底部:3倍;
}
.权力{
背景色:#8b;
高度:60px;
宽度:228px;
右边距:自动;
左边距:自动;
利润上限:3倍;
利润底部:3倍;
}
.scd{
背景色:#8b;
高度:20px;
宽度:228px;
右边距:自动;
左边距:自动;
利润上限:3倍;
利润底部:3倍;
}
.董事会6{
背景色:#8b;
高度:25px;
宽度:228px;
右边距:自动;
左边距:自动;
边缘顶部:6px;
利润底部:3倍;
}
.董事会5{
背景色:#8b;
高度:25px;
宽度:228px;
右边距:自动;
左边距:自动;
边缘顶部:5px;
利润底部:3倍;
}
.董事会4{
背景色:#8b;
高度:25px;
宽度:228px;
右边距:自动;
左边距:自动;
利润上限:4倍;
利润底部:3倍;
}
.董事会3{
背景色:#8b;
高度:25px;
宽度:228px;
右边距:自动;
左边距:自动;
利润上限:3倍;
利润底部:3倍;
}
.董事会2{
背景色:#8b;
高度:25px;
宽度:228px;
右边距:自动;
左边距:自动;
边缘顶部:2倍;
利润底部:3倍;
}
.董事会1{
背景色:#8b;
高度:25px;
宽度:228px;
右边距:自动;
左边距:自动;
页边顶部:1px;
边缘底部:1px;
}
.群集{
背景色:#8b;
高度:25px;
宽度:228px;
右边距:自动;
左边距:自动;
页边顶部:1px;
利润底部:3倍;
}
.冷却器{
背景色:#8b;
高度:60px;
宽度:228px;
右边距:自动;
左边距:自动;
利润上限:3倍;
利润底部:3倍;
}
身体{
填充:0px;
边际:0px;
}
#容器{
边缘顶部:50px;
左边距:200px;
溢出:隐藏;
宽度:自动;
}
#标题{
背景色:#F00;
高度:30px;
宽度:100%;
顶部:0px;
边际上限:0px;
}
#内容{
背景色:#000;
背景图片:url(images/grid.png);
高度:自动;
}
#页脚{
位置:固定;
左:0px;
底部:0px;
高度:60px;
宽度:100%;
背景:#8b;
}
身体{
边际上限:0px;
左边距:0px;
右边距:0px;
背景图片:url(images/grid.png);
背景重复:重复;
背景色:#000000;
}

这个问题非常模糊,如果没有注释,这是不可能的,但我想这就是您想要的。您可以对第4列和第5列使用类“rack2”,当您修改它时,它会修改这两列的属性。添加第三类“rack3”并修改其属性将是最简单的解决方案。此外,当您应该修改边距时,您正在修改填充

.rack1{
背景色:#000;
高度:925px;
宽度:240px;
浮动:左;
左边距:5px;
右边距:5px;
边框:2倍实心#00F;
溢出:隐藏;
}
.2{
背景色:#000;
高度:925px;
宽度:240px;
左边距:5px;
右边距:5px;
边框:2倍实心#00F;
浮动:左;
溢出:隐藏;
}
.3{
背景色:#000;
宽度:240px;
边缘顶部:400px;
左边距:5px;
右边距:5px;
边框:2倍实心#00F;
浮动:左;
溢出:隐藏;
垂直对齐:中间对齐;
}
.网络{
背景色:#8b;
高度:40px;
宽度:228px;
右边距:自动;
左边距:自动;
边缘顶部:5px;
利润底部:3倍;
}
杰斯塔图斯先生{
背景色:#8b;
高度:40px;
宽度:228px;
右边距:自动;
左边距:自动;
边缘顶部:5px;
利润底部:3倍;
}
.权力{
背景色:#8b;
高度:60px;
宽度:228px;
右边距:自动;
左边距:自动;
利润上限:3倍;
利润底部:3倍;
}
.scd{
背景色:#8b;
高度:20px;
宽度:228px;
右边距:自动;
左边距:自动;
利润上限:3倍;
利润底部:3倍;
}
.董事会6{
背景色:#8b;
高度:25px;
宽度:228px;
右边距:自动;
边际l