html表格按钮相对位置不变,HTML表+固定列+位置：相对+没有默认标记为<table>

我想创建一个具有固定列没有使用默认标签(表，tbody，thead，tr，td，th)的HTML表的特定布局。 。HTML表+固定列+位置：相对+没有默认标记为

我开发了一个很好的例子，并且意识到我需要将position:relative添加到某些容器。但是，如果我添加position:relative，布局会中断...请参阅下面的示例。

所以，这是问题。如何创建固定/卡住列的表格并保存position:relative，如下例所示？

.wrapper {

overflow-x: scroll;

}

.table, .table-head, .table-row {

position: relative; /* works perfect WITHOUT this line */

white-space: nowrap;

}

.table-head .table-cell {

background: #aaa;

}

.table-cell {

display: inline-block;

min-width: 50px;

border: 1px solid white;

background: #eee;

}

.fixed {

position: absolute;

}

0

1

2

3

4

5

6

7

8

9

10

a

b

c

d

e

f

a

b

c

d

e

a

b

c

d

e

f

a

b

c

d

e

+0

但为什么:-(??? –

+0

@Christoph大部分的布局不是由我很久以前开发的表在很多地方被使用。布局可以见上面是非常简化;) –

+1

为什么你需要使用'position：relative;'如果它没有它的工作？如果这个表中有某个页面需要你添加它，你是否可以添加这个标记，以及在这种情况下你可能会尝试修复你在不使用它的时候可能会遇到的布局问题错误的地方。 –