DIV的不正確對齊水平

這裏是有問題的網站： http://jayduff.co.uk/DIV的不正確對齊水平

我以前曾在左邊，左邊的頭圖像/鏈接，我決定改變它，使之更加規範，但前兩個div擁有標題和鏈接似乎不再正確對齊？

這裏是我的兩個鏈接的div的CSS和我的標題DIV（您還可以查看我上面的鏈接的源）

#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不與它下面的第三格正確對齊？

這裏是它應該如何

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

希望是有道理的，我要去哪裏錯了一個例子嗎？我很確定它不是我的div的位置，只是上面的屬性？在此先感謝

來源

2012-04-03 jdx

試試這個

#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; 
}

來源

2012-04-03 14:41:09

Jassi嗨，太感謝你了，所以這是明確：在我的底部div導致重疊？我也看到你已經添加了浮動：左邊的鏈接也，這是浮動左邊的東西已經在那裏，然後我假設？順便說一下，我已經更新它，它的工作原理，我只需要把它填充以排隊好！ – jdx 2012-04-03 14:45:51

投票@ user1307995，讓我感到自豪:) – 2012-04-03 14:49:35

我給你一個'接受的答案'我不能upvote由於低代表！ – jdx 2012-04-03 14:55:52

從我所看到的，你缺少你的鏈接的div風格float:left; ....

來源

2012-04-03 14:43:49 Gatekeeper

嗨，我已經添加了下列Jassi的感謝......它很奇怪，因爲它的工作方式只有鏈接才浮動：包括左側！ – jdx 2012-04-03 14:55:23

所以我的回答是對的，給它一個像！ :-D你可以閱讀更多關於漂浮在這裏http://css-tricks.com/all-about-floats/它的非常有用，知道他們是如何工作的... – Gatekeeper 2012-04-03 14:57:55

非常感謝，我不喜歡，因爲我的代表太低:(但你有我的真實生活代表！ – jdx 2012-04-03 15:41:36

DIV的不正確對齊水平

回答

相關問題