如何讓旋轉的div溢出表格單元格？

我有一個表格單元格，其高度爲3px，寬度大於單元格寬度。我正在使用transform: rotate並使用div來表示旋轉線。如何讓旋轉的div溢出表格單元格？

即使我使用的是table-layout:fixed，div也會水平拉伸表格單元格。如果它不適合單元格，我希望它覆蓋表格。

<table style="table-layout:fixed"> 
    <tr> 
    <td style="width:20px;"> 
     <div style="width: 100px; 
        height: 3px; 
        background: #000; 
        transform: rotate(20deg);"></div> 
    </td> 
    <td style="width:100px;">Why am I pushed away?</td> 
    </tr> 
</table>

P.S.我在實際代碼中使用正確的供應商前綴進行輪換

來源

2012-03-01 Peteris

你可以將此添加到jsFiddle嗎？ – MyStream 2012-03-01 22:22:48

我認爲如果你將div的z-index設置爲零以外的值，它不應該調整表的大小。 – 2012-03-01 22:27:20

@IsaacFife沒有幫助不幸。 – Peteris 2012-03-01 22:41:04

將position:absolute添加到div可能是您要查找的內容？

接受的答案： 在另一方面，這是我沒趕上馬上，爲了使用表格的佈局：固定你需要指定表本身的寬度。在你的情況下，我認爲你會希望它在120px，這將完成你所需要的。

來源

2012-03-02 07:17:11 brains911

我希望它在單元格中相對定位，但仍然與表格重疊，並且單元大小不會隨'div'的大小而改變。 – Peteris 2012-03-02 08:47:43

好的。在另一個說明中，我沒有馬上注意到，爲了使用table-layout：fixed，需要在表本身指定一個寬度。在你的情況下，我認爲你會希望它在120px，這將完成你所需要的。 – brains911 2012-03-02 09:33:30

這樣做，謝謝。我接受你對這個評論的回答，所以如果你編輯了這個評論或者指出了這個評論會很好，所以它不會混淆這個問題的更多讀者。 – Peteris 2012-03-02 11:32:45

如何讓旋轉的div溢出表格單元格？

回答

相關問題