標題顯示爲右對齊！

我不明白爲什麼標題的第一部分是對齊？

有什麼想法？

謝謝

2009-08-17 Ian

嗨，伊恩 - 你在這裏有一些很好的答案，但在將來你可能希望查看DocType（http://doctype.com/）這樣的問題 - 把它交給你的網站，它會保存代碼爲其他人檢查，生成截圖等 – Shog9 2009-08-17 15:48:09

因爲那breadcrumb div浮動的方式。您可以手動移動標題段落，也可以使用CSS屬性clear來避免這種情況。

2009-08-17 10:41:03 OregonGhost

根據螢火蟲，這將足以從#breadcrumb刪除「float：left」 – 2009-08-17 10:43:21

在這種情況下，是的，但我想有一些理由讓東西浮動:) – OregonGhost 2009-08-17 10:47:34

<div id="breadcrumb">

該div正在創造空間。我想你想給它一個100％的寬度，使其水平填充，所以下面的標題具有全寬工作。

順便說一句，我能夠通過使用firebug，這是一個Firefox的擴展很容易找到的信息。

2009-08-17 10:41:24 qui

爲100％寬度和使用Firebug +1（我也用它來查明）。 – OregonGhost 2009-08-17 10:42:38

這是因爲你正在將麪包屑路徑向左移動（並且沒有明顯的原因，我可能會添加）。您可以從#breadcrumb中刪除float CSS屬性或將clear: both;添加到.title。

2009-08-17 10:42:37

add clear：left;從ID #breadcrumb離開。這裏飄：你的第<p class="title" style='clear: left;'>

2009-08-17 10:46:54

只需刪除線浮動左不需要

讓你的代碼看起來像下面

#breadcrumb { 
background-color:#FFFFFF; 
color:#999999; 
font-size:10px; 
margin-top:5px; 
padding-bottom:10px; 
position:relative; 
width:550px; 
}

乾杯！

2009-08-17 10:46:54

如果您使用的是谷歌瀏覽器，將鼠標放在元素上，右鍵單擊並選擇「檢查元素」。

2009-08-17 10:49:21 krishna

回答