Javascript 如何在css中使用margin属性将节移动到另一节的下方

Javascript 如何在css中使用margin属性将节移动到另一节的下方,javascript,html,css,margin,Javascript,Html,Css,Margin,我有一个html页面,在主页中有很多部分,我有两个部分,如下所示: 您可以使用 注意父级必须是display:flex .container{ 显示器:flex; 弯曲方向:立柱; } .货柜组{ 宽度:100px; 高度:50px; 文本对齐:居中; } .首先{ 背景颜色:浅绿色; 顺序:2; } .第二{ 顺序:1; 背景颜色:浅蓝色; } 第一 第二 您可以尝试使用以下HTML和CSS 部分{ 位置:相对位置; } .第二组{ 边际上限:0px; } .第一节{ 位置:绝对位置;

我有一个html页面,在主页中有很多部分,我有两个部分,如下所示:


您可以使用

注意父级必须是
display:flex

.container{
显示器:flex;
弯曲方向:立柱;
}
.货柜组{
宽度:100px;
高度:50px;
文本对齐:居中;
}
.首先{
背景颜色:浅绿色;
顺序:2;
}
.第二{
顺序:1;
背景颜色:浅蓝色;
}

第一
第二

您可以尝试使用以下HTML和CSS

部分{
位置:相对位置;
}
.第二组{
边际上限:0px;
}
.第一节{
位置:绝对位置;
页边距顶部:70px;/*根据所需空间调整此页边距顶部像素*/
}


使用顶部填充代替边距。我以前见过这种问题。@MurtazaJAFARI它也会在上面创建空白区域,并将所有元素向下移动,就像margin topplese add a和预期的output@JannesCarpentier我已经更新了问题这不管用兄弟,这仍然是给一个空白的部分,并采取了所有部分下来你包装第一个_节和第二个_节div吗?是的,兄弟,实际上该网站是建立在opencart,没有办法从后端编辑代码,我放置了一个HTML节使用编辑器,我想重新安排下面的一节我在opencart上有经验的一节。你能分享你的网站url吗?请给出两个按钮所在的页面url