CSS：重疊邊界

我只是無意中發現了一個問題，即一個菜單欄和主要內容箱之間的共同邊界不下去了正確（如內容框太小）CSS：重疊邊界

所以我想知道是否有一種方法來解決邊界。也許通過給他們兩個並重疊？只是不知道如何做到這一點，邊際-x不起作用。

2012-08-26 Coolcrab

張貼一些CSS您使用，我們可以提出改進建議。 – mtahmed

好點，這裏是我的問題演示：http://jsfiddle.net/gh55e/2/ – Coolcrab

我猜你想要任一列可能是更長的一個：所以在這種情況下，主要內容框也是小，但它可能是相反的，菜單欄將是較小的？ – jussinen

給正確的元素一個邊框，然後在底片中使用margin-top和margin-left屬性使它們重疊。這裏有一個更新的jsfiddle：

CSS：

#right { 
    width: 85px; 
    float: right; 
    background-color: #e1e1e1; 
    padding: 0px 10px 10px 10px; 
    margin-top: -54px; 
}

2012-08-26 21:38:04 alt

是的，幫助，謝謝！ – Coolcrab

通常，並且幾乎總是不建議使用負餘量。 –

對於後來的遊客，這是最終固定它的CSS。

#right { 
width: 385px; 
float: right; 
background-color: #e1e1e1; 
padding: 0px 10px 10px 10px; 
margin-left: -10px; 
}

你基本上做出10px的的保證金，並移回10 PX

2012-08-27 13:34:58 Coolcrab

看起來傑克遜·加爾克斯的回答引導你朝着正確的方向發展，你應該給他信貸的答案。 – Alban

回答