2012-12-26 25 views
0

我對這個基本問題表示歉意;一直試圖自己解決這個問題,但仍然失敗。the_content()wordpress創建不需要的頂部空間

1)每當我在div<h1>之內添加the_content()>,它會在頂部創建一個空格;我曾嘗試在markup上添加margin:0; padding:0;,其中包含the_content()

2)添加remove_filter('the_content', 'wpautop');我的functions.php

標識愛張貼的來源,但它太長。但我想要的基本佈局如下所示。我只想刪除title div和content div之間的空格。

HTML ----------------------------------------------------- 
<div id="main"> 
    <div id="title"> <?php the_author() ?> </div> 

    <div id="content"> <?php the_content(); ?> </div> 

</div> 

CSS ----------------------------------------------------- 

#title { 
    width:100%; 
    height:100%; 
    padding:0; 
    margin:0; 
    } 
#content { 
    background:#dcdcdc; 
    width:100%; 
    padding:0; 
    margin:0; 
    } 
#content h1 { 
    font-size:250%; 
    text-transform:uppercase; 
    padding:0; 
    margin:0; 
    } 

結果是這樣的:

image

editted:

+2

什麼是你的'#title'元素的CSS? – m90

+0

我也試着加入'p,br {margin:0; padding0;}'但'content'頂部的空間仍然顯示;我甚至把所有'divs'放在我的標記上'margin:0;填充:0;'不知道這是否是一個錯誤。 –

回答

0

多餘的空格必須由一個額外的P,BR,其他元素或保證金或填充,或舊所致蹩腳的瀏覽器,使邊緣錯誤。如果你能告訴我們哪個問題是罪魁禍首,你會幫助我們更多。查看HTML頁面的源代碼。元素之間是否有額外的P或BR?

如果沒有,那麼問題可能是CSS中的!important關鍵字覆蓋了自己的樣式。