CSS限制div泄漏到另一個div中

長期Java程序員，通常是CSS/HTML的新手段。這是我正在處理的投資組合網站。CSS限制div泄漏到另一個div中

www.zdware.com/projects.html

將其與非大瀏覽器窗口的力量我的內容外溢到另一個DIV。目前，我添加了一些填充，所以它不完全溢出，但現在內容被推下來（出於某種奇怪的原因，即使似乎有空間）。

我使用一些「hackish」的東西來有點像：

margin-bottom: -10000px; 
padding-bottom: 10000px;

在中間的我的兩個「列」請問這有什麼關係呢

兩個欄我已經被這個影響

.sidebar1 { 
    float: left; 
    min-height: 100%; 
    min-width:250px; 
    width: 20%; 
    background-color:gray; 
    margin-bottom: -10000px; 
    padding-bottom: 10000px; 
} 
.content { 
    padding: 10px 0; 
    width: 80%; 
    float:right; 
} 

.content section{ 
    padding-left:30px; 
}

。？。

我已經嘗試在.content中添加最小寬度，但它沒有做任何事情。我在頁面上確實有更大的圖像，但它們仍然適合。

爲了直觀詳細..

What happens when browser window is not large (less then 17-18 inch monitor fullscreen)

How it looks with large browser window.. intended look

我的首選方式，我想這個工作對非「容器」部分（其同時擁有側欄和內容標籤）縮短，而不是容器。

我也覺得這是一個常見問題。但是，處理CSS的方式，我覺得如果我實現別人的解決方案（基於他們自己的問題），另一段代碼最終會阻止它的工作。

來源

2012-10-11 Zerkz

你能詳細解釋一下嗎？也就是說，你可以發佈更多的代碼，你認爲問題可能發生在哪裏？ – jrd1

我編輯了我原來的帖子，雖然我不太確定它是否有助於澄清我的問題。 – Zerkz

我不認爲它完全侷限於此，但導致問題的一個原因是設置在'.sidebar' – ultranaut

min-width: 250px;規則.sidebar1是什麼導致.content股利自己在側邊欄下。如果你擺脫了這一點，那麼你的內容欄將自己移到正確的位置。

至於如何處理徽標，我可以將其壓低以適應該空間，或將其設置爲在css中具有百分比寬度，以便無論多寬都始終適合該列該列是。

是的，我會失去10000px的負邊緣黑客。

來源

2012-10-11 02:06:07 ultranaut

有什麼建議可以替代什麼？我已經看到了用於複製列的兩種色調「背景」圖像，但是這似乎也是一種破解。 – Zerkz

而不是在側欄上設置灰色背景，您可以將其設置在正文上，然後將內容div上的背景設置爲白色。 – ultranaut

CSS限制div泄漏到另一個div中

回答

相關問題