Html 将一个div放置在另一个div中，在两个div之间保留空格

我把一个div放在另一个div中（content中的main_content）。我想在两个div之间有一些空格，我尝试使用padding属性，但是主内容填充了contentdiv的所有空格

在所有类型的显示器中，如何使主内容div与div内容相匹配，并在两个div之间留有一些空格（上、左、下、右）

body{背景色：eaeaea；颜色：303030；}
#容器{宽度：100%；高度：100%；}
#托盘{填充：20px 15px；字体：85%/1.2“tahoma”，无衬线；}
#托盘{背景色：#36648B；颜色：#cfcfcf；}
#cols{位置：相对；边距：15px 0；右边填充：15px；}
#旁白{float:left；width:215px；margin right:0；}
#内容{左边距：232px；溢出：可见；背景色：#ffffff；}
#主要内容
{
右边填充：10px；
左侧填充：10px；
填充顶部：10px；
垫底：10px；
背景色：#8BC735；
}

测试
临时雇员
Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。

您需要为#content div而不是#main#u content div设置填充属性

#content {
    padding: 10px 10px 10px 10px;
    background-color: red;
}

#main_content {
    background-color: #8BC735;
}

---

您需要为#content div而不是#main35ucontent div设置填充属性

#content {
    padding: 10px 10px 10px 10px;
    background-color: red;
}

#main_content {
    background-color: #8BC735;
}

---

您可以将填充设置为父项。或者，为子级设置边距

#content {
    padding: 10px;
}

或

#main_content {
    margin: 10px;
}

---

您可以将填充设置为父项。或者，为子级设置边距

#content {
    padding: 10px;
}

或

#main_content {
    margin: 10px;
}

工作代码段：

body{背景色：eaeaea；颜色：303030；}
#容器{宽度：100%；高度：100%；}
#托盘{填充：20px 15px；字体：85%/1.2“tahoma”，无衬线；}
#托盘{背景色：#36648B；颜色：#cfcfcf；}
#cols{位置：相对；边距：15px 0；右边填充：15px；}
#旁白{float:left；width:215px；margin right:0；}
#内容{
溢出：隐藏；
背景色：白色；
}
#主要内容
{
右边填充：10px；
左侧填充：10px；
填充顶部：10px；
垫底：10px；
背景色：#8BC735；
利润率：10px；
}

测试
临时雇员
Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。

工作代码片段：

body{背景色：eaeaea；颜色：303030；}
#容器{宽度：100%；高度：100%；}
#托盘{填充：20px 15px；字体：85%/1.2“tahoma”，无衬线；}
#托盘{背景色：#36648B；颜色：#cfcfcf；}
#cols{位置：相对；边距：15px 0；右边填充：15px；}
#旁白{float:left；width:215px；margin right:0；}
#内容{
溢出：隐藏；
背景色：白色；
}
#主要内容
{
右边填充：10px；
左侧填充：10px；
填充顶部：10px；
垫底：10px；
背景色：#8BC735；
利润率：10px；
}

测试
临时雇员
Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。

试试这个，希望对你有所帮助

#aside {float:left; width:45%;background-color: #ffffff; margin:5px;padding:5px;}
#content {float:left;width:50%; overflow:visible;background-color: #ffffff; }
#main_content
{  
    margin:10px;
    padding:10px;
    background-color:#8BC735;


}

---

试试这个，希望对你有帮助

#aside {float:left; width:45%;background-color: #ffffff; margin:5px;padding:5px;}
#content {float:left;width:50%; overflow:visible;background-color: #ffffff; }
#main_content
{  
    margin:10px;
    padding:10px;
    background-color:#8BC735;


}

---

您需要删除哪个空间？您是否想要删除哪个空间？您是否想要