如何使一個div一個TD細胞內重疊下一個TD

我希望能夠沒有其他TD細胞以定位TD細胞（元件C）的內部在div（元件E）（元件d ）被推向右邊。

注：我不能除了元素頁面上編輯任何E.

2011-09-20 Bogdan

你嘗試過'float：left;'style嗎？ –

您是否有能力將'E'包裝在容器'div'中？ – peteorpeter

@Jeremy：我已經嘗試過了，但它不起作用 – Bogdan

假設<div>的高度100像素和兩個<td>細胞的結合寬度500px的嘗試：

td.element-e-container { 
    position:relative; 
    height:100px; 
} 
#element-e{ 
    position:absolute; 
    width:500px; 
    height:100px; 
}

然後得到含有TD元件EA類的element-e-container和元件本身的element-e

2011-09-20 15:19:08 Clive

假設你可以添加另一個DOM元素，這很好地工作。使用絕對位置允許您簡單地在'e'上設置固定寬度。 OTOH，如果@Bogdan必須使用手頭的標記（或者想要最小化HTML標記），則負右邊距將起作用。 – peteorpeter

+1沒有想到負利潤率，請撥打 – Clive

負右擊一個ID T利潤應該是訣竅：margin-right: -50px;。

絕對位置可能工作，但增加了其他併發症。表格+絕對位置可能是痛苦的，尤其是對於液體含量。

2011-09-20 15:23:16 peteorpeter

FYI，這在IE7中不起作用。（橙色盒子完全在第一個單元格內。） – ThatMatthew

@ThatMatthew並不令人驚訝。我想，因爲它看起來像是一個（部分）基於表格的佈局，他可能需要支持IE <8 ...是否是刻板印象？感謝您的高舉。 – peteorpeter

@peteorpeter這是問題[jsfiddle]（http://jsfiddle.net/bogdanch/5dyWP/） – Bogdan

既然你不能只是元素E本身編輯任何其他元素：

移動元素E到容器：

<div style="position:relative;"> 
    <div id="element-E" style="position:absolute;"> ... </div> 
</div>

我添加style屬性的元素，因爲你涉嫌不能夠修改其他元素（如<style>）。

position:relative需要正確地絕對定位子元素。

position:absolute;相對於父項的左上角（默認情況下，當位置未改變時使用top），將元素從其父項「撕掉」，並將其重新放回。

2011-09-20 15:23:38

您需要在包含元素上設置絕對高度才能使其工作;否則''不會在高度上展開以匹配 – Clive

內的元素。如果他願意，他還必須更改'element-E'的'width'和'height' CSS屬性。由於他沒有詳細說明尺寸，所以我在回答中排除了這些。 –

@Rob女：我添加寬度和高度元素-E，但它沒有工作，TD手機（元d）仍然得到被推到 '

...

' – Bogdan

回答