雖然HTML中的table元素可以輕松地創建表格，但是對于那些想要更多樣化表格的網頁設計師而言，他們往往會使用CSS中的inner表格來進行更自由的布局和樣式化。然而，有時候使用inner表格也無濟于事。

table {
border-collapse: collapse;
}
td {
border: 1px solid black;
}
.table-container {
display: inline-block;
border: 1px solid red;
}
.inner-table {
border-collapse: separate;
border-spacing: 10px;
}
.inner-table td {
border: 1px solid blue;
}

在上面的代碼中，我們定義了一個外層的.table-container元素，并使用CSS樣式將其加上了紅色邊框。接下來，我們在這個container元素中創建了一個.inner-table元素，并且給它黑色的邊框和10px的間隔。然后，我們使用blue顏色為inner表格中的單元格添加了邊框。

然而，在某些情況下，這個CSS的代碼是無效的。例如，在一些瀏覽器中的內嵌表格（nested table）中，inner表格中的單元格邊框不起作用。這是因為瀏覽器不能正確地計算出邊框的位置，導致邊框在inner表格外部顯示。

此外，在其他情況下，進行更復雜的表格布局時，inner表格也可能沒有作用。這包括不規則表格的布局，以及需要進行動態利用JavaScript處理數據的復雜表格。

綜上所述，盡管inner表格可以提供更多樣化的表格布局和樣式，但是在某些情況下，它是無濟于事的。在這些情況下，我們需要使用其他方法來實現更靈活和功能強大的表格布局。