字体大小，使用追加时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大小不会改变

回答

相关问题