Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.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下面,中间有一些边距。当红色div滚动时,它应该滚动到黄色div下,黄色和红色div之间应该有边距。请帮助 .fixspan { 宽度:100%; 位置:固定; 背景颜色:黄色; } .scrollingdiv { 背景色:红色; } 这不应与页面一起滚动。 这是为了扩展页面的内容 这是为了扩展页面的内容 这是为了扩展页面的内容 这是为了扩展页面的内容 这是为了扩展页面的内容 这是为了扩展页面的内容 这是

在这个例子中,我需要黄色的div来保持固定,而不是滚动页面。红色的div显示在黄色div下面,中间有一些边距。当红色div滚动时,它应该滚动到黄色div下,黄色和红色div之间应该有边距。请帮助

.fixspan
{
宽度:100%;
位置:固定;
背景颜色:黄色;
}
.scrollingdiv
{
背景色:红色;
}

这不应与页面一起滚动。
这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

您要找的是什么

CSS:

我刚刚添加了top、right、width和height属性。否则,您的黄色不知道它应该“停留”在哪里。

是您要找的吗

CSS:

我刚刚添加了top、right、width和height属性。否则,您的黄色不知道它应该“停留”在哪里。

是您要找的吗

CSS:

我刚刚添加了top、right、width和height属性。否则,您的黄色不知道它应该“停留”在哪里。

是您要找的吗

CSS:

我刚刚添加了top、right、width和height属性。否则,您的黄色不知道它应该“停留”在哪里。

.scrollingdiv{
背景色:红色;
身高:100%;
溢出y:滚动;
溢出x:隐藏;
}

这不应与页面一起滚动。
这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩展页面的内容

这是为了扩大
.fixspan {
  width: 100%;
  position: fixed;
  background-color: yellow;
  position: fixed;
  right: 0;
  top: 0;
  width: 10%;
  height: 100px;
}

.scrollingdiv {
  background-color: red;
  width: 88%;
}