字體大小，使用追加時div box大小不會改變

我正在嘗試製作一個全寬和高度爲150px的盒子，但它並未顯示出我想要的方式以及我設置的背景顏色。另外，我使用jQuery中的append函數編寫的文本不會改變它的字體大小。字體大小，使用追加時div box大小不會改變

HTML：

<div id = "header"></div>

CSS：

#header{ 
    height: 150px; 
    width: 110%; 
    font-size: 80px; 
}

JS：

$(target).append(message);

，其中目標的#header

來源

2015-07-03 Krom Vladimir

你並不需要設置寬度110％，100％將填補整個scre寬度，其他方面你會溢出。

確保你選擇了正確的目標來使用append，並確保你有jQuery包含你的javascript。

你並沒有在你的CSS中設置任何背景顏色，這就是爲什麼沒有背景色正在查看。

$("#header").append("Test text");

#header{ 
 
    height: 150px; 
 
    width: 100%; 
 
    font-size: 80px; 
 
    border:1px solid red; 
 
    background-color:gray; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id = "header"></div>

來源

2015-07-03 22:05:31 KAD

嗯，我做了什麼，你說，它仍然沒有工作，字體具有相同的大小和箱或邊框它;公司甚至沒有顯示出來。我應該嘗試重置每一個槽的CSS樣式嗎？ –

嘗試通過chrome或firebug中的開發工具來檢查css是否真的影響到您的元素，右鍵單擊您的元素並單擊「檢查元素」，您會在右側看到應用的css，並且您可以知道是否有其他元素外部文件影響你的元素，以及本地瀏覽器CSS，嘗試檢查取消選中元素樣式以獲取實時更改，然後通過一些試驗和錯誤，你可能會遇到真正的問題。 – KAD

字體大小，使用追加時div box大小不會改變

回答

相關問題