不包圍整個div的邊框

因此，我有一個名爲main的類，它包含整個網站的內容。由於我正處於構建網站的初始階段，我希望確保自己的代碼中沒有錯誤，比如缺少結束標記或關閉引用等。有一件事可以幫助我確保這一點，就是用豐富多彩的元素來包圍我的元素邊界。不包圍整個div的邊框

我的主div是假設被紅色邊框包圍，但是邊框並不包圍整個div容器，它告訴我我的標記有問題。我一直試圖解碼這個很長一段時間，但沒有成功。我希望也許有人在這裏可以幫我解決這個問題？

http://jsfiddle.net/yvSrB/

來源

2012-06-12 AnchovyLegend

爲什麼不使用[W3C的HTML驗證器]（http://validator.w3.org/）？ –

你的div與內聯風格是問題。你已經給它100％的高度。你的容器的高度是一個固定值1200px。因此這個div也具有相同的高度。然而，你有另一個div＃＃頭，它的高度是134px，導致你的div溢出了134px。 – Jrod

原因似乎是''刪除'高度'。 – thirtydot

您已設置高度爲主要DIV作爲內聯樣式：

<div id="main" style="width:900px; margin-left:auto; height:1200px; margin-right:auto;">

如果你希望它擴大到適合的內容，刪除高度否則將被固定爲1200像素。

來源

2012-06-12 16:31:46

你的主要div有高度1200像素和內容比這個寬度，使邊界上沒有哪個四溢，你可以通過增加高度檢查將顯示內容顯示更大。

來源

2012-06-12 16:30:59

我想這不能回答您的具體問題 - 但在調試您的標記和檢查其質量方面，您可以使用holmes.css「The CSS Markup Detective」http://www.red-root.com/sandbox/holmes/它突出顯示了標記中可能出現的錯誤和錯誤。在開發版本中包含holmes.css文件（或使用該鏈接提供的小書籤工具）。

來源

2012-06-12 16:31:24 potench

您的主div的高度爲1200px ...刪除此並讓主div展開爲包含高度爲whater。

來源

2012-06-12 16:31:53

如果您在jsfiddle示例中刪除背景色，則會看到紅色邊框包裹在「carousel」div下面。這是因爲你已經爲「主」div指定了一個硬編碼的高度。我不知道這是否是因爲你想要成爲最低高度 - 在這種情況下，你應該使用min-height--或者因爲你想要成爲絕對高度。無論哪種方式，盒子的內容溢出了它的容器，這就是爲什麼你看不到紅色邊框的底部。

如果您希望「主」具有完全的高度並具有滾動條，請將overflow-y: auto;添加到「主」格的樣式中。否則，正如我上面提到的那樣，要麼完全刪除高度聲明，要麼使用min-height: 1200px;而是讓「主」div增長來保存您的內容。

來源

2012-06-12 16:35:56

不包圍整個div的邊框

回答

相關問題