Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/date/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覆盖第一个div?_Html_Css - Fatal编程技术网

Html 为什么第二个div覆盖第一个div?

Html 为什么第二个div覆盖第一个div?,html,css,Html,Css,我是从头开始设计网页的新手,我通常使用bootstrap,但我想学习只使用html和css进行设计 现在我遇到了一个问题,我设计了一个管理页面,但我无法使内容部分正常工作 我做了两个div,第一个用于内容标题,第二个用于内容,但当我尝试自定义第二个div时,它会覆盖第一个div。当我尝试为第二个div添加边距时,第一个div也会下降。我不知道我的代码有什么问题 这是我的密码 正文{ 边际:0px; 填充:0px; 背景色:#ebe6e6; } * { 框大小:边框框; 字体系列:“Roboto

我是从头开始设计网页的新手,我通常使用bootstrap,但我想学习只使用html和css进行设计

现在我遇到了一个问题,我设计了一个管理页面,但我无法使内容部分正常工作

我做了两个div,第一个用于内容标题,第二个用于内容,但当我尝试自定义第二个div时,它会覆盖第一个div。当我尝试为第二个div添加边距时,第一个div也会下降。我不知道我的代码有什么问题

这是我的密码

正文{
边际:0px;
填充:0px;
背景色:#ebe6e6;
}
* {
框大小:边框框;
字体系列:“Roboto”,无衬线;
}
.主要内容{
填充顶部:50px;
}
.主要内容{
左边距:230像素;
右边距:20px;
边际上限:0px;
左侧填充:20px;
高度:95vh;
}
.主要内容部分{
显示:块;
}
.main content.content包装器{
最小高度:100%;
}
.主内容.内容标题{
填充:10px 20px 10px 0px;
浮动:左;
位置:相对位置;
宽度:100%;
背景色:#fff;
边缘底部:20px;
z指数:1;
}
.main content.content header.breadcrumb{
显示:内联块;
列表样式:无;
垂直对齐:中间对齐;
左侧填充:5px;
保证金:0;
}
.main content.content header.breadcrumb li{
显示:内联块;
}
.主要内容.内容标题.面包屑李:之前{
内容:“\f105”;
字体系列:Fontsome;
字体大小:13px;
}
.main content.content header.breadcrumb li:n子项(1):前{
内容:无;
}
.main content.content header.breadcrumb li a{
文字装饰:无;
填充:10px;
字体大小:13px;
}
.内容{
位置:相对位置;
z指数:1;
}

TES
请包括一个.@D.Pardal抱歉,我会编辑它。在全屏模式下,我看不到任何与div重叠的问题。这很难找到您正在谈论的问题,当您添加边距时会出现什么问题,以及在哪里添加边距您需要清除float。您的元素边距正在与父边距一起塌陷,因为它是流中的第一个子元素,因为第一个子元素是浮动的。请包含一个.@D.Pardal抱歉,我会编辑它。在全屏模式下,我看不到任何与重叠div有关的问题。这很难找到您正在谈论的问题,当您添加保证金时,会出现什么样的下降?在哪里添加保证金?您需要清除浮动。您的元素边距将与父边距一起塌陷,因为它是流中的第一个子元素,因为第一个子元素是浮动的