Html 父div中不包含div的问题

Html 父div中不包含div的问题,html,css,Html,Css,我的HTML/CSS代码有问题。我有一个父div(secClass),其中有两个子div(secClass1和secClass2)。问题是子div的内容没有包含在父div中。您知道这里有什么问题吗?我已经包括了截图和代码供参考 div.secClass{ 背景色:806815; 高度:1000px; } 第二组1{ 背景色:D4BD6A; 显示:内联块; } 第二组{ 背景色:D4BD6A; 显示:内联块; } 知识是一种美德,是一种美德,是一种美德,是一种美德。但是,在最低限度上,我们需

我的HTML/CSS代码有问题。我有一个父div(secClass),其中有两个子div(secClass1和secClass2)。问题是子div的内容没有包含在父div中。您知道这里有什么问题吗?我已经包括了截图和代码供参考

div.secClass{
背景色:806815;
高度:1000px;
}
第二组1{
背景色:D4BD6A;
显示:内联块;
}
第二组{
背景色:D4BD6A;
显示:内联块;
}

知识是一种美德,是一种美德,是一种美德,是一种美德。但是,在最低限度上,我们需要一个实验室来进行日常工作。二人世界
这是一种令人厌恶的行为,因为它是一种不平等的行为。除偶尔因疏忽而死亡外,不得因疏忽而导致动物死亡。
知识是一种美德,是一种美德,是一种美德,是一种美德。但是,在最低限度上,我们需要一个实验室来进行日常工作。二人世界
这是一种令人厌恶的行为,因为它是一种不平等的行为。除偶尔因疏忽而死亡外,不得因疏忽而导致动物死亡。

由于您的navClass浮动空间还剩下,问题是secClass div无法容纳,因为默认情况下它是100%宽度。如果你在概念上把它设为100%-150px,你的secClass div就会弹出到这个位置。例如:

#Wrapper{
  ...
  width:1000px;
  ...
}
.navClassItems {
  ...
  width:150px;
  ...
}
.secClass {
  ...
  width:850px;
  ...
}



主页

指标

联系我们

知识是一种美德,是一种美德,是一种美德,是一种美德。但是,在最低限度上,我们需要一个实验室来进行日常工作。二人世界 这是一种令人厌恶的行为,因为它是一种不平等的行为。除偶尔因疏忽而死亡外,不得因疏忽而导致动物死亡。 知识是一种美德,是一种美德,是一种美德,是一种美德。但是,在最低限度上,我们需要一个实验室来进行日常工作。二人世界 这是一种令人厌恶的行为,因为它是一种不平等的行为。除偶尔因疏忽而死亡外,不得因疏忽而导致动物死亡。
不要忘了考虑边距或填充。查看框大小,以便获得更多信息


抱歉,我刚刚看到我将.navClassItems错误命名为.navClass。现在应该更准确了。

如果您想对父div设置一些大小限制,请应用
高度:100px
而不是1000px。这就是你想要的吗?问题是你的菜单在左边。把密码贴出来。默认情况下,DIV是块级元素,因此除非修改包含菜单的DIV,否则它的右侧不会显示任何内容$10表示如果您使用定义的宽度创建菜单容器和secClass内联块,它将按照您想要的方式工作:)您的代码不完整。我们需要看到更多的代码!我已经添加了左侧导航页面代码。thks
<div id="wrapper">
<div id="Lnav" class="navClass">

<div class="navClassItems"><hr>
Main Page<br><hr>
Metrics <br><hr>
Contact us<br><hr>
</div>

</div>
<div id="section" class="secClass">

<div class="secClass1">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>

<div class="secClass2">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>

</div>