在内部div上滚动?

Panthro

我希望滚动查看“浏览”部分。

 <section id="browse">

http://jsfiddle.net/a4H6K/

此刻什么也没发生。我将溢出物隐藏在主体上,并在浏览部分设置自动滚动。浏览部分的高度也设置为100%。

TJ

要在中设置height %,父元素应具有明确设置的高度。

您的情况<main>没有设置高度。

您必须为所有父母设置一个高度,如下所示:

html, main {
 height: 100%;
}

JSFiddle

更新资料

根据注释,要查看完整的滚动条,我们需要考虑的高度<nav>,因此section#browse不能有100%宽度。

例如

nav{
 background: red;
 height:20px;
}
#browse{
 height: -webkit-calc(100% - 20px);
 height: -moz-calc(100% - 20px);
 height: -ms-calc(100% - 20px);
 height: calc(100% - 20px);
 overflow: auto;
}

JSFiddle

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在内部div上滚动?

来自分类Dev

div在内部div上的阴影

来自分类Dev

指针事件在外部div上没有,但在内部iframe上没有

来自分类Dev

当鼠标悬停在内部ListView上时,ListView中的WPF ListView不滚动

来自分类Dev

将div环绕在内部div中

来自分类Dev

如何仅在背景图像上而不在内部文本上应用div不透明度

来自分类Dev

允许在内部水平滚动 ScrollViewer 内部垂直滚动外部 ScrollViewer

来自分类Dev

如何将文字放在内部div的中心?

来自分类Dev

在内部html更改后,div无法正确溢出

来自分类Dev

您如何在内部div内设置跨度?

来自分类Dev

在内部和外部SdCard上存储文件

来自分类Dev

如何在内部npm模块上使用Mongoose

来自分类Dev

Scala:在内部类型上获取TypeTag

来自分类Dev

SVG如何获取鼠标在内部矩阵上的位置

来自分类Dev

如何->在内部联接Laravel 5上paginate()

来自分类Dev

如何在内部SeekBar上禁用ScrollView的工作?

来自分类Dev

Scala:在内部类型上获取TypeTag

来自分类Dev

在内部IP上的随机端口上公开容器

来自分类Dev

ng-repeat仅在内部元素上

来自分类Dev

在内部调用函数

来自分类Dev

如何替换<div class =“ definition”> </ div>内部的内容,但是如果{}在内部,则如何替换?

来自分类Dev

滚动查找嵌套在内部的元素-使用Python的Senium(使用SeleniumLibrary)

来自分类Dev

在保持宽高比的同时,使img标签的宽度和高度在内部溢出div中为100%

来自分类Dev

如何在内部可编辑的div中将填充保留为元素边界?

来自分类Dev

div内联块元素在内部插入另一个元素时中断

来自分类Dev

document.getElementByClassName,然后在内部2个div之间发布

来自分类Dev

显示/隐藏div并仍在内部内容中起作用-HTML / JS

来自分类Dev

无法将 img 定位在内部内容 div 中

来自分类Dev

git status在内部如何工作?

Related 相关文章

  1. 1

    在内部div上滚动?

  2. 2

    div在内部div上的阴影

  3. 3

    指针事件在外部div上没有,但在内部iframe上没有

  4. 4

    当鼠标悬停在内部ListView上时,ListView中的WPF ListView不滚动

  5. 5

    将div环绕在内部div中

  6. 6

    如何仅在背景图像上而不在内部文本上应用div不透明度

  7. 7

    允许在内部水平滚动 ScrollViewer 内部垂直滚动外部 ScrollViewer

  8. 8

    如何将文字放在内部div的中心?

  9. 9

    在内部html更改后,div无法正确溢出

  10. 10

    您如何在内部div内设置跨度?

  11. 11

    在内部和外部SdCard上存储文件

  12. 12

    如何在内部npm模块上使用Mongoose

  13. 13

    Scala:在内部类型上获取TypeTag

  14. 14

    SVG如何获取鼠标在内部矩阵上的位置

  15. 15

    如何->在内部联接Laravel 5上paginate()

  16. 16

    如何在内部SeekBar上禁用ScrollView的工作?

  17. 17

    Scala:在内部类型上获取TypeTag

  18. 18

    在内部IP上的随机端口上公开容器

  19. 19

    ng-repeat仅在内部元素上

  20. 20

    在内部调用函数

  21. 21

    如何替换<div class =“ definition”> </ div>内部的内容,但是如果{}在内部,则如何替换?

  22. 22

    滚动查找嵌套在内部的元素-使用Python的Senium(使用SeleniumLibrary)

  23. 23

    在保持宽高比的同时,使img标签的宽度和高度在内部溢出div中为100%

  24. 24

    如何在内部可编辑的div中将填充保留为元素边界?

  25. 25

    div内联块元素在内部插入另一个元素时中断

  26. 26

    document.getElementByClassName,然后在内部2个div之间发布

  27. 27

    显示/隐藏div并仍在内部内容中起作用-HTML / JS

  28. 28

    无法将 img 定位在内部内容 div 中

  29. 29

    git status在内部如何工作?

热门标签

归档