Question

我之前有左边的图像/链接和左边的标题，我决定更改它以使其更标准化但是顶部的两个div保持标题和链接似乎没有正确对齐了吗？

以下是我的链接div和我的标题div的CSS（您还可以查看上面链接的来源）

    #title { 
      float:left;
      font-family: 'BebasNeueRegular', sans-serif;
      font-color: #6D929B;
      -webkit-font-smoothing: antialiased; 
      text-rendering: optimizeLegibility;  
    }

    #links { 
      margin-top:40px;
    }

然后我在下面有一个div ...它保存我的正文

   #mainText {
     width: 450px;
     word-wrap: break-word; 
     margin-left:45px;
   }

我很确定我在上面的div样式中遗漏了一些东西，这导致前两个div与下面的第三个div没有正确对齐？

这是一个如何

的例子

title                links
**************************** 
* JOSHUA DUFFY *  O O O O  *                                                         
****************************
* mainbody                 *
*                          *
*                          *
****************************

希望有道理，哪里出错了？我很确定它不是我的div的位置只是上面的属性？提前致谢

Answer 1

试试这个

  #mainText {
        clear: both;
        margin-left: 45px;
        width: 450px;
        word-wrap: break-word;
    }

#links {
    float: left;
    margin-top: 40px;
}

#title {
    float: left;
    font-family: 'BebasNeueRegular',sans-serif;
    text-rendering: optimizelegibility;
}

Answer 2

从我所看到的，你在链接div风格上缺少float:left; ....

Div没有正确对齐水平

2 个答案: