我在页面左侧有一个div用于导航链接。点击标题可展开链接的子集。我将此div设置为页面高度的100%,以便列占据页面的整个左侧。当所有子类别都展开时,会出现问题。 div的内容在页面底部运行,但不添加滚动条。Div扩展了页面高度,但没有滚动条

我试着将高度设置为自动以查看是否可以解决问题(忽略不占用整个左侧的事实),但是这并没有解决问题。

那么,当div展开超过页面高度时,我需要做些什么来获得滚动条?然后如果不需要滚动条就会消失。

谢谢。

.leftNavigation {

display:block;

position:fixed;

width:200px;

height:100%;

top:140px;

left:0;

background-color:#f0f0f0;

}

  • Link
  • Link
  • Link
  • Link

有左侧导航DIV中4段/格组合。只有段落显示,直到它被点击。然后显示链接div。当其中的每一个展开时,它都会从页面底部运行,但不会添加滚动条。

添加溢出:auto没有改变任何东西。

+1

很难用代码说出来。溢出:自动;通常做的伎俩。 –

+0

与@Jawad一致,实际上不可能说没有代码,但我的猜测是某人在主内容或body/html容器的某处“巧妙”地使用了“overflow:hidden”。 –

+0

对不起,我刚添加了代码。溢出:汽车没有做任何事情。我也没有使用溢出:隐藏在任何地方。 –

html高度没有滚动条,Div扩展了页面高度,但没有滚动条相关推荐

  1. html页面怎么让高度充满屏幕,怎么让一个页面高度占整个屏幕的_html/css_WEB-ITnose...

    比方说,我现在做一个登录的界面,我想根据用户不同大小的屏幕, 让整个页面的高度都满屏, 我设置height:100%,无效啊,宽度还是可以,谢谢 据说可以用js先获取当前用户的分辨率,然后设置 我不会 ...

  2. 关于Iframe嵌入页面,获取内部页面高度的办法

    项目中经常会嵌入别人的页面,如果不知道被嵌入页面的高度,就没法给Iframe高度赋值,内部嵌入的页面就会出现滚动条,影响页面的美观. 1.如果被嵌入页面和当前页面不跨域,可以使用Iframe的@loa ...

  3. html 导出为 PDF:因页面内有横向滚动条而显示不全的解决方案

    在 Vue 中,将 html 内容导出为 PDF 为了使横向滚动条的内容全部展示,需要指定 width: document.getElementById(id).scrollWidth. <di ...

  4. jsjq:获取div的宽度、高度、屏幕距离方法总结

    jq获取div的宽度 只是获取content宽度 var content = $('div'). width(); 获取content+padding的宽度 var contentWithPaddin ...

  5. 【CSS解决页面高度塌陷问题】

    高度塌陷问题描述 1.页面高度塌陷问题 (1)产生原因 (2)正常标准流盒子 (3)子盒子浮动 (4)归纳总结 1.1.清除浮动本质 1.2 .清除浮动的方法 (1)方法一:额外标签法 (2)方法二: ...

  6. html 高度不够,HTML/CSS:Div未扩展到内容高度

    我有几个未扩展的div元素以匹配其内容的高度.我已经读过,这可能是由浮动内容引起的;这个内容不是浮动的 - 虽然我开始觉得我应该把我的电脑扔在河里.这算不算?HTML/CSS:Div未扩展到内容高度 ...

  7. ios x及以上版本H5页面高度100%、100vh自适应滚动条问题

    一.问题 在项目实践过程中,会遇到移动端h5页面高度的自适应问题,比如在chrome devtools下的iphonex,默认高度812px,实际高度是852px,倒是在手机端浏览会有滚动条,很烦- ...

  8. js获取页面高度获取视口高度获取内容高度获取滚动条宽度高度

    element对象的宽高属性 1. DOM树 2.document对象 3.element对象 4. 获取元素高度宽度 1. DOM树 浏览器根据DOM模型,将结构化文档HTML解析成节点,DOM的最 ...

  9. 因滚动条出现而导致页面晃动的解决方案

    因滚动条出现而导致页面晃动的解决方案 这两天因为oa主页为了消除晃动的影响给body下的div加了一个{min-height:960},可是产品对底部出现的大片空白不满意,而且如果换了超大屏幕这个最小 ...

最新文章

  1. php 派生类 数据库连接 单例模式 xhprof实测 高效连接
  2. 【怎样写代码】参数化类型 -- 泛型(八):泛型委托
  3. openresty开发系列21--lua的模块
  4. html实现全选 反选,jquery实现全选、不选、反选的两种方法
  5. 《Neo4j全栈开发》_陈韶健
  6. 点关机后主机不能自动关机的原因
  7. 树莓派安装win10arm linux,在树莓派3B 上安装 Windows 10 ARM 版的方法
  8. python 怎么调用 矩阵 第几行_第58集 python机器学习:混淆矩阵精度指标
  9. Nacos Spring Boot 快速开始
  10. oracle11g db files,oracle11g整个DB迁移
  11. sparkpython效率低_Effective PySpark(PySpark 常见问题)
  12. IDEA中创建maven web的详细部署
  13. HeadFirstJava——5_编写程序
  14. 262-C++ C11标准
  15. java 读音_数的读法 (Java代码)
  16. 感性电路电流计算_三相交流电怎么计算电功率?三相交流电功率计算公式
  17. linux切换中文拼音快捷键,Fedora 16下调出中文拼音输入法
  18. 【(伪)数论】洛谷1943 Local Maxima
  19. 贝壳DMP平台建设实践
  20. 文章开始同步到我的微信公众号

热门文章

  1. mysql c 中文字符串_MySQL字符集中文乱码终极解决方案和mysql查询中文问题解决方法...
  2. android monkey优化,GitHub - baozhida/AndroidMonkey: 这个项目是CrashMonkey4Android可执行文件,修复了一些bug,做了一些优化...
  3. linux安装qt5.4配置,Linux编译安装Qt 5.4.1
  4. BugkuCTF-MISC题蜘蛛侠
  5. java 类 方法继承_java – 在方法重写中返回继承的类而不是超类
  6. 和在线视频会议服务器,什么是视频会议服务器端和客户端?
  7. xlsxwriter写行合并_使用实现XlsxWriter创建Excel文件并编辑
  8. php业务的适用场景,根据业务场景寻找合适解决方案(PHP)?
  9. android jdbc 连接mysql数据库,android怎么用JDBC方法连接mysql数据库
  10. nemesis什么车_nemesis是什么意思_nemesis的翻译_音标_读音_用法_例句_爱词霸在线词典...