嵌入在DIV中的表格

好吧，我有一個關於使用CSS在DIV中定位表格的問題。嵌入在DIV中的表格

我的代碼如下：

CSS：

#content{ 
    float:right; 
    padding-top:10px; 
    width:450px; 
    line-height: 18px; 
    font-size:13px; 
    text-align:left; 
} 

#content .reviewTable{ 
    width:20px; 
} 
#news{ 
    line-height: 18px; 
    width:150px; 
} 


#news h2 { 
    margin: 0; 
    padding: 0; 
    font-size: 16px; 
} 

#news p { 
    margin: 0; 
    padding-bottom: 20px; 
    padding-right:10px; 
    font-size:13px; 
}

HTML：

<div id="content"> 
    <div class="reviewTable"> 
    <table> 
    <td></td> 
    </table> 
</div> 
</div>

我的桌子坐在遠離我的新聞DIV周圍有消息DIV一些填充然而，我已經刪除了這個，它對錶格的定位沒有任何影響。我一直在尋找其他堆棧溢出帖子，但似乎無法找到我在找什麼。我試過絕對和相對定位在我的CSS和寬度和這些工作都不是他們已經在其他元素，如純文本工作的表。

我也曾嘗試表作爲<table class="reviewTable"></table>

我的問題是它的代碼需要在一定的格式，以允許表中已經應用了CSS格式一個DIV的定位是什麼？

只是尋找正確的方向提示傢伙，如果你能幫助我或任何其他人有類似的問題，這將是偉大的。

謝謝

來源

2012-03-01 NATHAN C

的寬度你錯過了一些關閉'>' - 是你的文章或在你的代碼中的錯字？你的''也缺席。 – 2012-03-01 19:31:47

將是最好的，如果你在http://jsfiddle.net上設置一個例子，看看你在說什麼 – Henesnarfel 2012-03-01 19:33:28

我建立了一個初學者jsfiddle，但它需要更多的頁面元素添加：http://jsfiddle.net/ D45Z5/ – 2012-03-01 19:37:04

你的桌子外流的原因是你漂浮它的權利。然後，您將寬度設置爲對於審閱區域來說太小，因此它會使其出現在外面。將#content的寬度更改爲600px，您會明白我的意思。

對於您的設置，您需要將#content設置爲610px。將#page-container設置爲overflow:hidden以防止任何內容顯示在容器外部。並取下.reviewTable

來源

2012-03-01 19:54:39 Henesnarfel

太棒了！那就是我正在尋找的。所以基本上桌子不適合內容分區，所以它定位在它之外？它看起來並不像它被放置在它之外，這就是爲什麼我很困惑：S – 2012-03-01 20:17:06

我試圖將它嵌入到另一個DIV的原因是因爲我的主頁上有一些使用#content div的文本。所以我只是想知道是否可以通過在表格中放置更大的DIV來覆蓋較小的DIV？ – 2012-03-01 20:45:43

@NATHANC div並沒有真正放置在你的容器之外，而是溢出了。通過浮動並且寬度太小，內容物溢出容器外。 – Henesnarfel 2012-03-01 20:52:31

嵌入在DIV中的表格

回答

相關問題