html 两个div堆叠,对齐问题与html div堆叠在一起

这就是你需要的。创建样式表，以便我们可以更好地设计样式。

我创建了你的布局。这就是我理解你需要的方式。

HTML

CSS

#Top {

width: 100%;

display: flex;

height: 250px;

}

#Top #First {

width: 10%;

background: red;

}

#Top #Second {

width: 40%;

background: blue;

}

#Top #Third {

width: 50%;

background: yellow;

}

#Center {

height: 200px;

width: 100%;

background: gray;

}

#Bottom {

height: 80px;

width: 100%;

background: black;

}

将宽度和高度编辑为所需的值。这是它的工作方式

另外，我注意到你没有关闭Top的子元素。您必须始终关闭DIV，因此HTML代码将运行良好。它打破了你的代码。

希望它有所帮助。干杯!来自菲律宾的早安。