Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/flutter/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 无法在页面上固定div_Html_Css - Fatal编程技术网

Html 无法在页面上固定div

Html 无法在页面上固定div,html,css,Html,Css,我有一个div,我一直想固定在页面顶部,但它似乎不起作用。。这是div代码本身 <div class="up-label"> <p><span>Testing 123.</span><br> Blah BLah </p> </div> 它似乎只是停留在它所在的位置,而不是固定在窗口中。代码似乎没有任何问题。可能还有其他一些问题,对于e.x,如果您使用外部css文件,请确保它正确地附加

我有一个div,我一直想固定在页面顶部,但它似乎不起作用。。这是div代码本身

  <div class="up-label">
    <p><span>Testing 123.</span><br>
      Blah BLah </p>
  </div>

它似乎只是停留在它所在的位置,而不是固定在窗口中。

代码似乎没有任何问题。可能还有其他一些问题,对于e.x,如果您使用外部css文件,请确保它正确地附加到html文件。还可以尝试在不同的浏览器中测试google chrome、firefox、opera等。。为了确保它不是特定的浏览器不接受或不理解您使用的css。

也许您在IE6下,IE6不支持位置:修复,使用js修复。

似乎工作正常代码直接复制工作正常必须是覆盖设置的其他内容。您能发布完整的html代码吗,这样就很容易理解你的问题。在JS中制作一个固定位置的polyfill只是为了支持IE6是个坏主意。在不支持的浏览器中,最好回退到绝对位置。是的,但是当我们必须达到与位置相同的效果时:固定,js是唯一的解决方案。
.up-label {
 position: fixed;
 top: 20px;
 left: 20px 
 /*
 width: auto;
 margin:0 auto;
 margin-top:-6px;
 padding:10px; */
}