標題外的標題文字DIV

Question

你知道爲什麼文本「左邊的文本」和「右邊的文本」，應該在我的標題藍色DIV內嗎？看起來有一些意想不到的填充或文字頂部的東西。 JS Fiddle here。

CSS：

#header { 
    width: 100%; 
    height: 18px; 
    background: #0064C5; 
} 
#header p.left { 
    float:left; 
    color:#000; 
} 

#header p.right { 
    float:right; 
    color:#000; 
} 

Answer 1

及其對<p>默認的保證金只需添加margin: 0;到#header p.left

jsFiddle

Answer 2

試試這個

添加保證金：0的#header p

#header { 
    width: 100%; 
    height: 18px; 
    background: #0064C5; 
    clear: both; 
} 
#header p { margin:0;} 
#header p.left { 
    float:left; 
    color:#000; 

} 

#header p.right { 
    float:right; 
    color:#000; 

} 

Answer 3

只需刪除float:left;在#header p.lef噸

試試這個代碼

#header p.left { 
    color:#000; 
} 

而不是

#header p.left { 
    float:left; 
    color:#000; 
} 

見這樣的設計： http://jsfiddle.net/Grek/bZsck/

Answer 4

因爲標頭有固定的高度。

#header { 
width: 100%; 
overflow:hidden; 
background: #0064C5;} 

刪除高度，添加溢出（因爲header.p有浮點數）;