Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.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 如何使用bowser scroll滚动位置:绝对?_Html_Css - Fatal编程技术网

Html 如何使用bowser scroll滚动位置:绝对?

Html 如何使用bowser scroll滚动位置:绝对?,html,css,Html,Css,我有三个div层。第一层是具有指定高度的背景。第二层是内容类的透明div。第三层是内容。我想删除.content类的滚动条,并用浏览器滚动条滚动文本。我怎么做 .container{ 背景色:黑色; 高度:400px; wdith:100%; } .backtransparent{ 背景颜色:灰色; 宽度:250px; 身高:100%; 保证金:0自动; } .内容{ 宽度:200px; 保证金:0自动; 背景色:白色; 位置:绝对位置; 溢出:自动; 高度:400px; 左:0;

我有三个div层。第一层是具有指定高度的背景。第二层是内容类的透明div。第三层是内容。我想删除.content类的滚动条,并用浏览器滚动条滚动文本。我怎么做

.container{
背景色:黑色;
高度:400px;
wdith:100%;
}   
.backtransparent{
背景颜色:灰色;
宽度:250px;
身高:100%;
保证金:0自动;
}   
.内容{
宽度:200px;
保证金:0自动;
背景色:白色;
位置:绝对位置;
溢出:自动;
高度:400px;
左:0;
右:0;
}

Lorem ipsum dolor sit amet,奉献精英。软体动物的最大面部特征和驱避能力是指它们是否有足够的时间来满足它们的日常生活需要,以满足它们对共和国劳动的需求?多洛雷莫·德格尼莫斯·沃卢帕提布斯·埃维尼埃·雷姆准负责任的女伯爵兼建筑师!在vitae Nesciut quis别名dolorum nemo sint facere的溶液和铜酸盐溶液中使用最小盲肠时的面部缺失。这是一种新的饮食习惯。。。

除非我误解了你的问题,否则你所要做的就是移除绝对位置,并使父级
div
100%高度

删除div上的指定高度可以确保它们占用内容的大小,默认情况下div就是这样做的。然后,当您限制.content元素的宽度并移除其滚动能力时,.container必须占据其子元素的整个高度

.container{
   background-color:black;
   height: 100%;
   width:100%;
}

.backtransparent{
  background-color: gray;
  width:250px;
  height:100%;
  margin: 0 auto;
}

.content{
  width:200px;
  margin: 0 auto;
  background-color:white;
  overflow:auto;
  height: auto;
}

除非我误解了你的问题,否则你所要做的就是去掉绝对位置,使父级
div
100%高度

删除div上的指定高度可以确保它们占用内容的大小,默认情况下div就是这样做的。然后,当您限制.content元素的宽度并移除其滚动能力时,.container必须占据其子元素的整个高度

.container{
   background-color:black;
   height: 100%;
   width:100%;
}

.backtransparent{
  background-color: gray;
  width:250px;
  height:100%;
  margin: 0 auto;
}

.content{
  width:200px;
  margin: 0 auto;
  background-color:white;
  overflow:auto;
  height: auto;
}
你的意思是什么

你是什么意思


如果我没有弄错,您就不能,除非您的浏览器窗口的高度小于
400px
,否则它不会显示滚动条。@JordiNebot高度是预定义的。我只想用浏览器滚动条滚动文本(而不是像这样用单独的滚动条滚动).如果您的容器高度需要固定在400px,并且窗口更高,那么您无法通过浏览器滚动获得它,但是@sTx的答案似乎是一个很好的解释…如果我没有弄错,您无法,除非您的浏览器窗口的高度小于
400px
,否则它不会显示滚动条。@JordiNebot高度是预定义的。我只想用浏览器滚动条滚动文本(而不是像这样用单独的滚动条滚动)如果你的容器的高度需要固定在400px,并且你的窗口更高,那么你不能通过浏览器滚动得到它,但是@sTx的答案似乎是一个很好的解释…所以
容器的
高度:400px
是完全任意的?看起来是这样的。我可能误解了,但要恢复“浏览器滚动”,元素必须包装其子元素,并且没有应用特定的高度。因此
.container
高度:400px
完全是任意的?似乎是这样。我可能误解了,但要恢复“浏览器滚动”,元素必须包裹其子元素,而不是应用特定的高度。删除无用的元素很好,而且你不需要左右CSS:是的,我忘了它们,不需要左或右,因为我已经删除了绝对位置,很好地删除了无用的元素,而且你也不需要左或右CSS:是的,我忘在那里了,不需要左或右,因为我删除了绝对位置