HTML CSS 表格行重叠

Question

代码如下:

<div class="timetable" class="table">
    <table border="1">
        <tr class="ura">
            <th class="ura-ura"><span>1.1</span></th>
            <th class="ura-predmet"><span>1.2</span></th>
            <th class="ura-ucilnica"><span>1.3</span></th>
        </tr>

        <tr class="ura-nadomescanje">  
             <th class="ura-nadomescanje-ura"><span>2.1</span></th>
             <th class="ura-nadomescanje-predmet"><span>2.2</span></th>
             <th class="ura-nadomescanje-ucilnica"><span>2.3</span></th>
             <th class="ura-nadomescanje-profesor"><span>2.4</span></th>
        </tr>

        <tr class="ura">
             <th class="ura-ura"><span>3.1</span></th>
             <th class="ura-predmet"><span>3.2</span></th>
             <th class="ura-ucilnica"><span>3.3</span></th>
        </tr>

    </table>
</div>

和 CSS(使用这些代码): http://jsfiddle.net/AV38G/10/

我想在表格中有 3 行，但具有相同类别的行重叠。我不知道为什么。

我想要的是:1.1 1.2....2.1 2.2...3.1 3.2...

但我总是得到:3.1 3.2...2.1 2.2...

我猜第三行是写在第一行上面的。但我不知道如何解决它。

Answer 1

你需要从你的行类中移除 position: absolute