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可能会有所帮助，并且还会检查您是否为课程指定了正确的名称。

Answer 2

我可能会推荐除了对齐之外的其他东西来实现你的目标吗？我看到你有东西，正确和中心。中心+左侧到浏览器的位置，左侧+左侧定位？尝试从类或本地标签中取出对齐。这是金票http://www.w3schools.com/。 http://www.w3schools.com/css/css_positioning.asp我建议在完成布局的其他标签上试一下或两个。

CSS由于某种原因不起作用

2 个答案: