我创建了一个使用 popup.html 文件的页面操作扩展。它曾经完美地工作。当我单击该图标时，它会显示一个小框，只有 popup.html 页面的一角可见。我设置了 body 和 html css 的高度和宽度，但没有让盒子变大。我还将 css 移动到另一个名为 popup.css 的页面上，并添加到 popup.html 头中。
有没有人遇到过这个问题？请帮忙。
HTML：
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="popup_script.js"></script>
<link href="popup.css" rel="stylesheet" type="text/css">
</head>
<body>
<ul>
<li id="all">All</li>
<li id="title">Name</li>
<li id="artist">Artist</li>
<li id="album">Album</li>
<li id="art">Artwork</li>
</ul>
<textarea id="info" type="text"></textarea>
</body>
</html>
CSS：
body {
font-family: arial;
font-size: 13pt;
margin: 0;
padding: 0;
color: #06477D;
}
ul {
list-style-type: none;
cursor: pointer;
padding: 0;
margin: 0;
}
li {
text-align: center;
padding: 5px 20px;
}
li:hover {
background: #06477D;
color: white;
}
textarea#info {
position: absolute;
}