修复了html表格的列中断布局
修复了html表格的列中断布局
提问于 2016-07-18 01:27:01
我需要创建一个表，第一列是固定的，其余列是水平滚动的。
我成功地实现了这一点，但当我在我的网站上实现它时，它似乎不起作用。
当我使表头固定时，第一列破坏了布局
当我在一个普通的表格中使用它时，它可以工作，但不适合我的主题
.table-wrapper th:first-child {
position: fixed;
left: 5px
}没有css的表：http://www.vidznet.com/table/2.html
带有css的表格：http://www.vidznet.com/table/1.htm
谁能告诉我什么可能是冲突的？
更新:我需要的是固定第一列和从第二列开始的滚动条，如下所示
应该是这样的：http://vidznet.com/table/table1.jpg
但在我的css主题中，它看起来像这样的http://vidznet.com/table/table2.jpg
回答 1
Stack Overflow用户
发布于 2016-07-18 01:43:09
问题出在您的CSS属性上：
.table.table-striped > thead:first-child > tr > th:first-child {
width: 25%;
text-align: left;
}宽度对于该列而言太大。它需要更改为5%到12%，这取决于您希望下划线走多远，以适应其他固定元素。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/38423986
复制相关文章
相似问题
腾讯云开发者
