html - 防止div溢出

Question

如何防止这两个溢出？我几乎尝试了一切，所以我不知道从这里去哪里。div 用绿色和橙色标记。

#stemplingerclass {
    clear: both;
    max-width: 100%;

}

#datoid 
{

   clear: both;
   max-width: 100%;
}

<div class="col-sm-10">
   <div class="col-md-3 col-sm-3 col-xs-10 text-center" style="background-color: green;" >
         <div id="datoid">


         </div>
      </div>

       <div class="col-md-7 col-sm-7 col-xs-10" style="background-color: orange;">
         <div id="stemplingerclass">

         </div>
       </div>
   </div>

Answer 1

只需将 display: flex; 添加到这两个 div 的容器中即可。如果您不希望 child 拉伸(stretch)，还可以将 align-items: flex-start; 添加到您的容器中。