부유 된 품목이 학부모 div 외부에 있음

Question

플로팅 된 UL에 문제가 있습니다. 왼쪽에 몇 개의 UL을 띄우고 나면 부모 div 밖에서 끝납니다. 오버플로를 추가했습니다 : 부모 div에 숨겨진 행운이 없습니다. 어떤 도움이라도 대단히 감사하겠습니다.

<div class="competetive_analysis"> 
<h2> Competetive Analysis</h2> 
<h3> Website Keywords</h3> 
<p> Tampa, Florida, Apartment Cleaning, Ozone, Apartments, Residents, Clean Sense, Grout Cleaning, Pasco County, Hillsborough County, Pinellas County, Sarasota County</p> 

<div class="clean_sense"> 
<ul> 
    <li> <strong>Clean Sense</strong></li> 
    <li>Global Rank: N/A</li> 
    <li>Bounce Rate: N/A</li> 
    <li>Daily Time On-Site: N/A</li> 
</ul> 
</div> 

<div class="jan_pro"> 
<ul> 
    <li> <em>Jan-Pro</em></li> 
    <li>Global Rank: 574,373</li> 
    <li>Bounce Rate: %57.10</li> 
    <li>Daily Time On-Site: 2:54</li> 
</ul> 
</div> 


<div class="maids"> 
<ul> 
    <li> <em>Maids</em></li> 
    <li>Global Rank: 205,032</li> 
    <li>Bounce Rate: %56.60</li> 
    <li>Daily Time On-Site: 1:60</li> 
</ul> 
</div> 

<div class="molly_maids"> 
<ul> 
    <li> <em>Molly Maids</em></li> 
    <li>Global Rank: 124,641</li> 
    <li>Bounce Rate: %41.50</li> 
    <li>Daily Time On-Site: 5:44</li> 
</ul> 
</div> 
</div> 

ul li{ 
    overflow: hidden; 
} 

.competitive_analysis{ 
    overflow: hidden; 
    margin-bottom: 8%; 
} 

.clean_sense{ 
    float: left; 
    margin: 0 auto; 
    width:25%; 

} 

.jan_pro{ 
    float:left; 
    margin: 0 auto; 
    width:25%; 


} 

.maids{ 
    float:left; 
    width:25%; 


} 

.molly_maids{ 
    float:left; 
    width:25%; 

} 

Answer 1

, 즉 CSS에서 "competitive_analysis"