Div没有创造一个障碍，也没有从内部骄傲进入他的内心

Question

由于某种原因，我的代码没有给出最高的div自己的区域，网站的所有其他部分都重叠到第一个div，我做错了什么？

Website

<div class="container-fluid" id="background-body">
    <div class="row div-border container4" style="background-color:dimgrey;">
    <div class="col-md-9 ">
    <h1 class="title" style="font-size:40px;">Computer science student ,trying    to learn Front-End develpoing and expand my knowledge on all relative subject to  computers,mostly interested in    coding<br>-----------------------------------------------------<br>C -- C++ -- Front-End Beginner  </h1>
    </div>
    <div class="col-md-3 center">
    <img style="border-radius:50%; width:85%; " alt="My Picture" src="https://thumb.ibb.co/min1tH/17127255_1810602309157311_608558868267532288_a.jpg" >
    </div>
    </div>


  
    <h2 style="text-align:center;"><u>My Finished Projects</u>:</h2>

好吧，我现在只用静态高度制作div，直到我能找到更好的解决方案

Answer 1

你开了3次div而不是你关闭1次并打开另一次并再次关闭2，我想只是忘了关闭一个div

所以添加另一个</div>

Answer 2

在你的CSS中，你的div.container4类有一个固定的高度：

div.container4 {
    height: 10em;
}

如果删除它，容器div将随内容一起增长。