2012-09-06 23 views
0

我想編輯CSS div來顯示它100%的文字,如何爲CSS度100%

我的代碼是:

#categorycontent, .categorycontent { 
    display:block; 
    line-height:22px; 
    height:290px; 
    margin:0; 
    padding:4px 10px; 
    background:#ecebe3; 
    border:1px solid #d5d3c7; 
} 

我試着像這樣:

#categorycontent, .categorycontent{ 
    display:block; 
    line-height:100%; 
    height:100%; 
    margin:0; 
    padding:4px 10px; 
    background:#ecebe3; 
    border:1px solid #d5d3c7; 
} 

但這是行不通的。

在CSS初學者,謝謝你。編輯: 屏幕高度:290px; http://i45.tinypic.com/359z2ti.png

和高度截圖:100%; http://i46.tinypic.com/fwq4q8.png

+1

你需要更好地解釋你正在嘗試做什麼。當你說「100%文本」時,你的意思是你想讓'div'中的所有文本顯示在頁面上,但是現在有些文本隱藏了嗎?發佈您的HTML工作也將有助於 – jackwanders

+0

@albi:檢查sachin代碼,它將正常工作 – Carlos

回答

1

您可以將寬度增加爲100%。

width:100%; 
+0

我編輯了這個問題,請看2個屏幕截圖,如果我加100%不顯示好 –

+0

你能告訴我在哪裏可以看到你的屏幕截圖嗎? – jeeva

+0

是的。我看到..增加填充值。這樣你的文字就會按照意願移動。 – jeeva

1

你不能設置DIV高度:100%,除非車身高度爲100%

html,body{height:100%} 

#categorycontent, .categorycontent{display:block;line-height:100%;height:100%;margin:0;padding:4px 10px;background:#ecebe3;border:1px solid #d5d3c7;} 
+0

很好的回答。很好的工作 – Carlos

1

如果你想讓它顯示所有你把它的文字,只需設置:

overflow: visible;

+0

啊,我現在明白了,我剛剛加了overflow:隱藏了 到 #categorycontent 現在看起來不錯,謝謝。 –

1

你必須把height: 100%;<html><body>標籤