CSS 由于某种原因不工作

Question

好吧，让我看看我在这里是否有意义。我在一条直线上排列 3 个圆圈。这发生在网站主页的两个地方。我对第一部分进行了编码，它完美地排列在我的圆圈中，我复制并粘贴了完全相同的代码，现在我的第一行完全搞砸了，但第二行完美无缺。为了涵盖某些基础，它们是类，而不是 id，所以这不是问题。我已经四次检查了我的括号、拼写和任何其他小问题，这些都很好。我在这里疯了。如果有人可以伸出援手或提出建议，我将永远感激不已。 哦，圆圈是图片，如果这有助于任何需要的信息。

<div id="pages">
    <div class="projects"><a href="projects"><img src="images/projects.png" alt="projects"     align:"right"></a></div>
    <div class="services"><a href="services"><img src="images/services.png" alt="services" align:"middle"></a></div> 
    <div class="team"><a href="team"><img src="images/team.png" alt="team" align:"left"></a></div>
</div>

<div id="contact"> 
    <h1>Contact Us</h1>
        <div class="email"><a href=""><img src="images/email.png" alt="email" align:"right"></a></div>
        <div class="phone"><img src="images/phone.png" alt="phone" align:"middle"></div>
        <div class="business"><img src="images/business.png" alt="business" align:"left"></div>
</div>


 .projects{
    float: left;
    margin: 100px 75px 75px 300px;  
}

.services{
    float: left;
    margin: 100px 75px 75px 75px;   
}

.team{
    float: right;
    margin: 75px 200px 75px 75px;   
}

.phone{
    float: left;
    margin: 100px 75px 75px 300px;  
}

.email{
    float: left;
    margin: 100px 75px 75px 75px;   
}

.business{
    float: right;
    margin: 75px 200px 75px 75px;   
}

Answer 1

如果不查看 HTML 代码，很难说出错误是什么。但是最常见的错误，即使是专业人士有时也会犯，就是我们忘记更改 html 的 id当我们从一个地方复制到另一个地方时的标签。我认为这可能是您的 HTML 代码中的错误，因为第二行工作得很好而第一行没有。

尝试更改 ID 可能会有帮助，并检查您是否为类提供了正确的名称。