[经验] HTML页面中子盒子溢出了怎么办

概述        背景: 在查询数据记录的一个页面上使用bootstar 框架的分页插件作为显示数据表格的工具. 问题: 当查询的范围在一个较短的时间内时, 子元素是乖乖的呆在父元素内部的, 但是一但将查询的时间范围扩大, 装着数据表格的DIV 盒子就会溢出 父元素盒子 这就很尴尬了   思路一:  对元素的控制还不够精确 但是经过排查, 盒子的控制范围是正确的, 不存在错误, 而且该元素的父级盒子

 

 

 

 

背景: 在查询数据记录的一个页面上使用bootstar 框架的分页插件作为显示数据表格的工具.

问题: 当查询的范围在一个较短的时间内时,子元素是乖乖的呆在父元素内部的,但是一但将查询的时间范围扩大,装着数据表格的div 盒子就会溢出 父元素盒子

这就很尴尬了

 

思路一:  对元素的控制还不够精确

但是经过排查,盒子的控制范围是正确的,不存在错误,而且该元素的父级盒子并不是动态拼接生成的,所以这个猜想是错误的.

 

思路二: 分页插件控制出错

但是在修改时间范围后,数据表格虽然超出了父盒子的范围,但是对于 *** 出每页规定的页数的数据还是会自动分页的,对页面的切换是正常的,所以这个猜想是错误的.

 

思路三: 忽然就想到一点,会不会是子元素增长了,而父元素没有跟上脚步呢?

这个问题就很好解决了,在控制子元素的上一层div处添加一条CSS样式属性就行了     

overflow: -webkit-paged-x;


但是这会有一个遗留问题

 

这就很尴尬了,这个坑先放着,等哪天有想法了再来处理吧.反正这个报错对页面的正常显示是没有问题的

 

嘤嘤嘤

总结

以上是内存溢出为你收集整理的[经验] HTML页面中子盒子溢出了怎么办全部内容，希望文章能够帮你解决[经验] HTML页面中子盒子溢出了怎么办所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。