您好我一直在尝试修改前两行的滚动。如果我把css作为
,它适用于第一行tbody>tr:nth-child(1) {position:fixed;margin-left:20px;margin-top:20px;} .
然后,如果我尝试使第二行也使用以下css修复
tbody>tr:nth-child(2) {position:fixed;margin-left:20px;margin-top:20px;}
整张桌子崩溃了。小提琴链接:http://jsfiddle.net/CrSpu/4347/
答案 0 :(得分:0)
具有固定位置的元素从文档中获取它的包装器。你没有给它像顶部,左边,右边,底部这样的位置值,所以它的行为几乎就像一个浮动元素。您需要在包装元素上使用位置相对,例如tbody,然后将前两行设为 position:absolute ;
您还需要考虑当您使用固定\绝对定位时,第3行和向前忽略前两行,就好像它们不存在所以您需要考虑高度并正确设置它们的位置。我也不确定你的前两行将如何在x轴上以绝对\固定位置作出反应。
就我个人而言,我认为你在桌子上试图这样做是错误的。你可以尝试设置 overflow-x:scroll ;在你的桌子上,如果它太宽,可以在x轴上滚动。