0

我在使用浮动 UL 时遇到问题。我已经向左浮动了几个 UL，在我这样做之后，它们最终在父 div 之外。我已经添加overflow: hidden到父 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%;
}
<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>

4

1 回答 1

0

html“competitive_analysis”中的类名与css“competitive_analysis”中的类名存在拼写错误（而不是不匹配）

于 2013-09-05T02:21:19.370 回答