Question

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

＆＃xA;＆＃xA;

我的css代码是：< /p>

div.fixed {＆＃xA; position：fixed;＆＃xA; bottom：0;＆＃xA; left：0;＆＃xA;} ＆＃xA;

＆＃xA;＆＃xA;

HTML

＆＃xA;＆＃xA;

 ＆lt; div class =“fixed” ＆gt;＆＃xA;＆lt; script src =“http://my.gblearn.com/js/javascript.js”＆gt;＆lt; / script＆gt;＆＃xA;＆lt; / div＆gt;＆＃xA;

＆＃xA;＆＃xA; 我可以在div标签内添加任何内容，它会高于顶部并保持固定在左下角，但javascript文件将保留在我的位置已经将它放在网页中，好像它不会被打扰遵守.css规则。
＆＃xA;＆＃xA; 我想知道如何解决这个问题。谢谢你的帮助。＆＃xA;

Answer 1

script元素允许作者包含动态脚本和数据他们的文件中的块。该元素不代表内容用户。

以上引用摘自此链接here

script不是内容布局html容器，但用于动态执行可以produce布局/预期输出的代码块。因此，您会发现某些css规则适用于脚本标签无效。

Answer 2

脚本标记在页脚尝试此内容后不添加div提示

＆＃13;

div.fixed {
position: fixed;
bottom: 0;
height:50px; width:50px; background:#888;
left: 0;
}

＆＃13;

<div class="fixed">
<h3> hii </h3>
</div>

<script src="http://my.gblearn.com/js/javascript.js"></script>

＆＃13;

Answer 3

所以，经过多次玩弄，我们发现查看我的网站的源代码，我们可以看到javascript输出。 .js文件显示了id，并且我们在代码的.css部分显示输出信息，如下所示：

CSS

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

HTML

<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>

css位置：固定的<script>标签内不保持固定

3 个答案: