Javascript css位置：固定<；脚本>；内的标记不会保持固定

我在尝试将.js验证脚本保留在网页中的固定位置时遇到问题

我的css代码是：

div.fixed {
position: fixed;
bottom: 0;
left: 0;
}

HTML

我可以在div标记中添加任何内容，它将上升到顶部并固定在左下角，但javascript文件将保持在我在网页中放置的位置，就好像它不需要遵守.css规则一样

我在想我怎么才能避开这件事。谢谢你的帮助

script元素允许作者包含动态脚本和数据 块在其文档中。元素不表示的内容 用户

以上引文摘自此链接

---

脚本

不是内容布局html容器，而是用于动态执行代码块，这些代码块可以

生成布局/预期输出。因此，您会发现脚本标记上应用的某些css规则无效。
脚本标记未添加到div中，请在页脚后提及底部尝试此规则


div.fixed{
位置：固定；
底部：0；
高度：50px；宽度：50px；背景：#888；
左：0；
}

hii
所以，经过反复思考，我们发现，查看我网站的源代码，我们可以看到javascript输出。.js文件显示了id，我们在代码中添加了.css部分来显示输出的信息，如下所示：

css

html



本页上次修改日期为2017年3月29日下午7:17:04
您试图将实际脚本本身添加到DIV中，而不是脚本的输出。这只是告诉页面应该加载脚本，就像在
部分加载CSS文件一样。您不能简单地“定位”它，因为它从未实际渲染过。假设您的脚本正在向DOM中添加内容，您将需要制作JavaScript以输出到
.fixed
，或者使用CSS以JavaScript插入的元素为目标。值得一提的是，你的JavaScript链接是一个404。听起来不管这个脚本是什么，都会在它所在的元素之外向DOM添加内容。脚本没有任何内容，我可以告诉你-它做什么？您可以共享源代码吗？您为脚本标记添加了样式吗？为什么？找不到脚本源。js文件用于验证网页。老师让我们在代码中实现它，这样他们就可以看到a）上次编辑的时间戳b）代码经过css验证，然后是html验证。我的网站包含一个拼接的16:9比例的图像，它可以根据显示器的大小缩放到浏览器窗口的大小。如果我把脚本标签放进去，它只能放在底部，而站点不能长时间缩放。我希望保持这个浮动在所有内容之上，以避免出现这种情况。我是否可以说“display output to the div container”，这样.js输出就会转到我告诉它的地方？
<div class="fixed">
<script src="http://my.gblearn.com/js/javascript.js"></script>
</div>

nav, #gblearn_message_holder {
position: fixed;
bottom: 0;
left: 0;
width: auto;
}

<div id="gblearn_message_holder">
<a title="Validate this page" href="javascript:void(0)" onclick="GBLEARN_TESTER.validatePage(this.form)">
<img src="http://my.gblearn.com/img/HTML5_Logo_2561.png" alt="html5 validator">
</a><a href="http://jigsaw.w3.org/css-validator/check/referer">
<img style="border:0;width:99px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss-blue" alt="Valid CSS!"></a>
<br>This page was last modified on 3/29/2017, 7:17:04 PM</div>