怎么样在一个设置了滚动条的div 让某些东西可以超出div范围
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎么样在一个设置了滚动条的div 让某些东西可以超出div范围相关的知识,希望对你有一定的参考价值。
<div style="height:200px;overflow:auto;position:relative;">
<div style="height:400px;position:absolute;top:23px;">
.... some content
</div>
......other tag
</div>
如上结构 首先设置div overflow:auto 是因为div中某些内容需要滚动条
而下面那个height:400px的我希望他不受滚动条限制 可以超出div范围
求个答案 怎么能够实现~~~
第一个div必须设overflow:auto因为我下面的other tag要他们在div中带滚动条显示
而 下面那个子div 我希望他不受滚动条限制 可以超出父div的范围
----------------------------------------------------------
我的 意思是不改变结构行不行
因为第二个div相当于第一个div的下拉菜单似的
-------------------------------------------------
最外面div是一个容器 必须overflow:auto
我只能把我的div放进容器里面
如果和容器同级 不好定位
因为容器的位置是可变化的
如果画面增多,你的这种设置方法会变得复杂。
所以我叫你改变下思路。
作为菜单的div,放在画面的任何地方都是没关系的,
因为你指定的position是absolute。
-------------------------------------
因为第二个div 是position:absolute,所以你把其他other tag
放在一个div里比如
<div>
<div style="height:400px;position:absolute;top:23px;background-color: #00ffff;z-index:99">
.... some content<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> .... some content
</div>
<div style="height:200px;overflow:auto;position:relative;background-color: #00ff00">
......other tag
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
......other tag </div>
</div>
---------------------
可以尝试转变一下思维方式 参考技术A 指定文档类型,给所有父对象指定高度,给三个DIV指定30%高,并设overflow:auto;如:
<!DOCTYPE html>
<html style="height:100%;">
<body style="height:100%;">
<div style="height:30%; overflow:auto;">1</div>
<div style="height:30%; overflow:auto;">2</div>
<div style="height:30%; overflow:auto;">3<div style="height:1000px;"></div></div>
</body>
</html>
C# Winform 滚动条的问题
C# Winform
tabControl中有个treeView 当内容太多时tabControl就会自动加滚动条 显示到窗口最下方(也就是滚动条底部) 我希望他显示最上方(滚动条顶部)不知道该如何设置,或怎么实现
不行呀
追答截个图看看吧
以上是关于怎么样在一个设置了滚动条的div 让某些东西可以超出div范围的主要内容,如果未能解决你的问题,请参考以下文章
js怎么让body滚动条滚动到底或者到底了 鼠标再滚动时让另外一个DIV滚动
怎么让div内的某个元素固定不随div的滚动条的滚动而滚动?