2012-02-28 134 views
0

我正在定價表上,並與其中一個div有問題。中間的容器應該溢出其他容器,但只能在左側進行。右側的容器與中間的容器重疊,但不應該。我怎樣才能解決這個問題?溢出可見不可見在右邊

我做了一個JSfiddle,問題是中間最大的容器(Flex I)。

http://jsfiddle.net/gBCCP/

謝謝!

+0

也許這將幫助你:http://css-discuss.incutio.com/wiki/Overlapping_And_ZIndex – m90 2012-02-28 09:44:48

回答

3
.pricingtable {z-index: 1;} 
.pricingtable.featuredbig {position: relative;} 

似乎解決了這個問題。

+0

它確實!非常感謝。 – NielsPilon 2012-02-28 09:54:33

+0

@NielsPilon - http://meta.stackexchange.com/questions/5234/how-does-accepting-an-answer-work – Curt 2012-02-28 09:57:28

+0

如果這個答案是正確的,請做它標記爲正確的答案! – 2012-02-28 09:57:51

0

http://jsfiddle.net/fyp9y/

使用

position:relative; 

在容器

而且z-index指定覆蓋的順序。我使用內聯樣式進行快速演示,但可以整理這些內容。順便我喜歡你的設計!

+0

謝謝,設計的所有功勞歸於Designshack; http://designshack.net/articles/css/csspricingtables/我只是編輯我自己需要的代碼;-) – NielsPilon 2012-02-28 09:58:57