堆疊背景：如何使以另一個DIV

-1

可見我有兩個欄div的，我施加很大的背景，第二個div，並將其與背景位置向左移。我希望它保持整體可見，並且不會在第一個div下隱藏，同時避免使用負邊限或其他有趣的業務。現在它因溢出而被隱藏：當然隱藏..任何想法？堆疊背景：如何使以另一個DIV

這裏的例子http://tinkerbin.com/UqYLFKZG。

下面的代碼：

HTML：

<div class="left"> 
<ul> 
    <li>one item</li> 
    <li>one item</li> 
    <li>one item</li> 
    </ul> 
</div> 
<div class="middle"> 
<ul> 
    <li>one item</li> 
    <li>one item</li> 
    <li>one item</li> 
    </ul> 
</div>

CSS

.left {float:left;width:100px;} 
.middle {overflow:hidden;background:url("http://farm8.staticflickr.com/7116/8163983721_1ed2414765_b.jpg") no-repeat;background-position:-400px -200px;}

編輯：有點兒被反對票感到驚訝;事實上，這個問題似乎很容易回答，因爲我當我刪除溢出：隱藏，作爲左文檔的正常流動是不是，中間的內容與左邊的內容重疊。因此我需要添加一些左邊距或填充來解決這個問題。

來源

2012-11-08 George Katsanos

什麼叫完全可見是什麼意思？ –

我無法得到它。如果你刪除overflow：hidden，那麼你可以看到整個圖像和來自兩個div的文本（即使垂直不對齊）......你究竟想要達到什麼目的？ –

的確，但當時我貼這個，我想刪除溢出：隱藏會讓我的中間DIV失去其定位（左邊div的右邊），它不會（重疊內容等），但是這增加了一些左側固定邊緣/填充到中間分區.. –

解決的辦法是去除溢出：隱藏與添加保證金左或填充左以便正確定位.middle等於。左div的大小。

來源

2012-11-08 21:00:51

堆疊背景：如何使以另一個DIV

回答

相關問題