`
lqixv
  • 浏览: 218267 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

在表格中有滚动条,滚动条里有表格,导致表格变形的问题

    博客分类:
  • java
 
阅读更多

早上发现,昨晚更新客户网站的首页,首页头变形了。检查并测试后发现了问题,我的原理的网页结构如下图:

 

外部表格 滚动开始 
内部表格
滚动结束

 

当内部表格的行数过多时,整个外部表格就变形了,变得很奇怪,无法调整。

 

改正办法,把内部表格用标签 <span> 来代替,问题就解决了

分享到:
评论

相关推荐

    面目全非的网页

    此外,设置的leftmargin属性为0,可以确保在800×600分辨率下,宽度为780像素的表格不会产生滚动条。 再者,对于文字大小的控制,可以利用CSS样式表技术。创建一个新的CSS样式,定义文本的字体大小,例如12px,然后...

    ag-grid-vue表格的一些问题总结(一)

    ag-grid-vue表格的一些问题总结 1.表头居中和表格内容居中 找了很多资料也没有找到 在style标签中输入下面代码,就会居中。 /deep/ .ag-theme-balham [class^='ag-'], .ag-theme-balham [class^='ag-']:focus, .ag-...

    css样式限制、防止表格被连续英文字母拉长及控制大图片的网页宽度

    继承机制可以减少代码重复编写,但在复杂的布局中也可能引起问题,比如子元素的宽度继承了父元素,可能导致布局失控。 - **样式优先级**:当页面上不同地方定义了相同的CSS规则时,浏览器会根据一系列的规则来决定...

    《程序天下:JavaScript实例自学手册》光盘源码

    17.8 窗体滚动条随文字增加自动滚动 17.9 为textarea加横向滚动条 17.10 记录滚动条位置 17.11 彩色滚动条 17.12 Windows XP的滚动条 第18章 在线考题案例 18.1 在线考试代码 18.2 在线考试代码(二) 18.3 在线测试...

    程序天下:JavaScript实例自学手册

    17.8 窗体滚动条随文字增加自动滚动 17.9 为textarea加横向滚动条 17.10 记录滚动条位置 17.11 彩色滚动条 17.12 Windows XP的滚动条 第18章 在线考题案例 18.1 在线考试代码 18.2 在线考试代码(二) 18.3 在线测试...

    计算机试题2.docx

    20. 在 Dreamweaver 中,在设置各分框架属性时,参数 Scroll 是用来设置是否出现滚动条的属性。 21. 在框架中,如果要设置文档在 mainFrame 框架中出现,应该在目标中选择 mainFrame。 22. 框架不能嵌套,将一个页面...

    JavaScript网页特效范例宝典源码

    实例041 全屏显示无边框有滚动条的窗口 63 实例042 应用CSS+DIV实现指定尺寸无边框无滚动条窗口 65 实例043 应用JavaScript实现指定尺寸无边框无滚动条窗口 67 1.8 水平导航条应用 69 实例044 图片按钮导航条 69 ...

    网页设计制作规范 __想学网页制作的一定要看

    - 使用绝对像素设定表格,避免分辨率差异导致表格变形。 - 避免整个网页在一个大表格内,使用`&lt;tbody&gt;`标记分块显示,提高加载效率。 - CSS定义应遵循一定的规范,如示例代码所示,确保样式在不同浏览器上的一致...

    JavaScript Table行定位效果

    第一个问题是fixed的tr在ie7中不能进行定位,而且td在定位后并不能保持在表格中的布局,这样在原表格插tr就没意义了。 ps:fixed的相关应用可参考仿LightBox效果。 最后我用的方法是新建一个table,并把源tr克隆到...

    弯 曲模 夹 具设计

    【弯曲模夹具设计】是冲压工艺中的一个重要环节,主要涉及金属材料的塑性变形。弯曲模的设计关乎到工件的精度、生产效率以及模具的使用寿命。在冲压工艺中,弯曲、裁剪、拉深和成形是基本工序,它们决定了零件的最终...

    javascript网页特效实例大全(8-12)

    实例268 广告随滚动条漂移 418 9.4 页面动画效果 419 实例269 下雪 419 实例270 飘落的枫叶 421 实例271 下雨 423 实例272 背景的烟花效果 425 实例273 变色的圆圈 427 实例274 滚动的光环 429 实例...

    网页设计试题.doc

    13. 翻滚图片在Dreamweaver中要求两幅图片的尺寸相同,以实现平滑的滚动效果。 14. 图像映射是Dreamweaver中将图片划分成多个可点击区域的技术,常用于创建交互式地图或导航。 15. 在Flash中,要编辑位图局部,...

    从入门到精通HTML5——PDF——网盘链接

     8.5 应用div制作下拉菜单导航条 176  8.6 小结 179  8.7 习题 179  第9章 编辑表单 181  教学录像:26分钟  9.1 使用表单标签——form 182  9.1.1 处理动作——action 182  9.1.2 表单名称——name 183 ...

    ios-高仿微信朋友圈--适合初学者.zip

    在这个项目中,`TableView--test`很可能是一个测试用的表格视图,用于展示朋友圈中的动态。每个单元格(`UITableViewCell`)可以代表一条朋友圈消息,包含文字、图片、时间戳等信息。 实现图文混排的关键在于自定义...

    李琰恢HTML CSS/JavaScript PHP/Bootstrap教程

    54. XML基础和浏览器中的XML:介绍了XML的语法规则以及在浏览器中的使用和操作。 55. XPath和XSLT基础:讲述了XPath语法和XSLT转换语言的基础知识。 **PHP教程** 56. 如何加载运行已发布的PHP项目:介绍了在服务器...

    JavaScript实用范例词典04-14

    5.25 让滚动条在窗口左边出现... 128 5.26 改变窗口滚动条的样式... 129 5.27 不能最小化的窗口... 130 5.28 改变在浏览器地址栏中显示的 图标... 131 5.29 弹出一个新窗口... 131 5.30 弹出一个无属性栏的...

    网页制作三剑客课终试卷

    - AP Div可以用来创建弹出窗口、滚动条等交互式元素,增加网页的互动性。 7. **框架网页**: - 使用HTML框架将多个页面内容集成在同一浏览器窗口中显示。 - 框架技术可以有效组织复杂的信息结构,提高用户体验。...

    FIFA质量手册(1).doc

    6. **测试项目**:涵盖足球反弹测试、反弹角度测试、滚动测试、震动吸收测试、垂直变形测试、滚动保持测试、表面摩擦和表面磨损测试等多个方面,全面评估人造草皮的性能。 7. **环境测试**:包括人工天气调节步骤,...

    MAPinfo安装包

    2. **投影选择**:根据研究区域和目的选择合适的投影方式,避免因投影错误导致的地理变形。 3. **版本兼容**:不同版本的MAPinfo可能对某些数据格式或功能支持不同,升级或降级前需了解兼容性。 4. **备份数据**:...

Global site tag (gtag.js) - Google Analytics