使用追加时字体大小，div框大小不变

Question

我正在尝试制作一个宽度和高度为150px的盒子，但它没有按照我想要的方式显示，也没有显示我设置的背景颜色。另外，我使用jQuery的append函数编写的文本并没有改变它的字体大小。

html：

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

css：

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

js：

$(target).append(message);

其中target是#header

Answer 1

你不需要将宽度设置为110％，100％将填满整个屏幕宽度，否则你会溢出。

确保选择正确的目标以使用追加，并确保jQuery中包含jQuery。

您首先没有在css中设置任何背景颜色，这就是没有观看背景颜色的原因。

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;