2 cl1143015961 cl1143015961 于 2013.10.29 18:08 提问

HTML中table实现相应式导航,第一列固定,其余列根据页面宽度,出现滚动条来显示。

CSDN移动问答

效果图如上所示,来自文章http://isux.tencent.com/responsive-web-design.html ,在文章中讲到的第三种方法,实现的方法其实有写,

  thead {float:left;}
  tbody {display:block;width:auto;overflow-x:auto;}

但是,在尝试这种方法时,总是会出现问题,thead跟tbody在页面变窄时,会错位,并不能实现上面的效果,有没有人用过这个方法呢?很紧急的问题,谢谢了!

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
固定Table第一行或某几行不随滚动条滚动
样式: .fixedHead { position: relative; top:expression(this.offsetParent.scrollTop-2); }使用:                 标题不动               内容滚动
html固定第一列第一行 其他可以滚动
文号                                                                                                                                                       日期                
利用tabel实现 部分列宽度按固定,一列根据容器宽度自适应
最简单的方法实现部分列固定宽度,一列随着容器宽度自适应 table-layout: fixed ,并且这是部分固定宽度列的宽度,并且td overflow:hidden,防止溢出 并且table的宽度100% DEMO 如下:实现随着页面的宽度的变化,中间一列的宽度变化(另外三列固定) html> html> head> meta char
jQuery滚动监听,实现商城楼梯式导航、滚动监听根据滚动条所处的位置来自动更新导航项
话不多说,上局部效果图: html结构,左侧定位的导航需要一个ul,中间内容,我是直接截得图片,为了效果省事,也是用的ul,最后你们要用的话也可以用ul,或者div,但是每个区域得是一个div,例如,精选的放一个div,女装的放一个div,所有的区域都套在一个大的div里面,也就是类似于ul>li的结构(只提供html结构和jQuery,样式的话根据设计稿): div class=
固定表头可以纵向滚动的html表格
设计思路: 将表格的表头与内容分别放到两个标签里,然后将其放在一个里以使表头和表格的总宽度一致,将表格内容放到一个可滚动的div()里,为每个单元格添加类来固定宽度以实现表头与内容的单元格宽度一致。 这种方式当表格内容很少,达不到可滚动容器的高度时不显示滚动条,当表格内容超过这个高度时,显示滚动条,可以通过滑动滚动条来查看表格内容。 效果图: 当表格内容很少时: 当表格内容多
ligerui 表格滚动条放在表格里,固定表头
1、表格里的内容条数太多,这个时候就需要滚动条了,但是滚动条的位置影响着美观,这里建议把滚动条放在表格里 例如原来这样改后的样式是这样的修改方法 enabledEdit : false, rownumbers:true, isScroll: true, pageSize:15, pageSizeOptions : [15, 30, 5
html 三列布局(两列固定宽度,一列自适应)
摘要:最近在做移动端页面布局,偶有心得,记录于此。
HTML表格冻结第一列
基于jquery. 不说话, 看代码.Welcome to schedule main page
设定html table 过宽下方出现滚动条
-
固定table第一列
表格:为外层div绑定scroll事件 css:设置tr的