html - css 属性 float left 没有按预期工作

Question

我是 HTML 和 CSS 的初学者。这是我的问题。

代码:

.floatleft {float: left}
.floatright {float: right}
.colum{width: 1170px; margin: 0 auto;}
.fix {overflow: hidden}
.clear {clear: both}

<div class="services_area">
  <div class="colum">
    <div class="services">
      <div class="services_title fix">
        <h1>About Me</h1>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, <span>quis nostrud exercitation ullamco</span> laboris nisi ut aliquip ex ea commodo consequat duis aute irure dolor.</p>
      </div>
    </div>
    <div class="services_list">
      <div class="ss_list floatleft">
        <img src="img/bulb.png" alt="">
        <h3>Title goes here</h3>
        <p>onsectetur adipisicing elit, sedo eiusmod tempor incidi et dolorerserss eerhfre mag.</p>
      </div>
      <div class="ss_list floatleft">
        <img src="img/pen.png" alt="">
        <h3>Title goes here</h3>
        <p>onsectetur adipisicing elit, sedo eiusmod tempor incidi et dolorerserss eerhfre mag.</p>
      </div>
      <div class="ss_list floatleft">
        <img src="img/settings.png" alt="">
        <h3>Title goes here</h3>
        <p>onsectetur adipisicing elit, sedo eiusmod tempor incidi et dolorerserss eerhfre mag.</p>
      </div>
      <div class="ss_list floatleft">
        <img src="img/desktop.png" alt="">
        <h3>Title goes here</h3>
        <p>onsectetur adipisicing elit, sedo eiusmod tempor incidi et dolorerserss eerhfre mag.</p>
      </div>
    </div>
  </div>
</div>

没有更多的代码。第一次我只想向左浮动，然后事情就发生了。

这里有什么错误？我现在该怎么办？

Answer 1

查看代码的顶部。 floatright {float: left} <== 看起来你在错误的 class 上设置了错误的 float。