CSS（3）列，多個ul的

我正在一個水平滾動網站上工作。站點上的元素被放置在UL> LI結構中，以創建多個塊。CSS（3）列，多個ul的

我遇到的問題是我想要2套UL之後的海誓山盟，但它們會重疊。試圖在互聯網上搜索這個，但沒有人做了我所做的。

我想要做的事情的例子可以在這裏找到：http://jsfiddle.net/DHbtx/2/ 在那裏你會看到2 UL由於「float：left」而沒有重疊，並且沒有塊元素。我曾嘗試添加：僞元素之後，但沒有工作（來源：Multi-column issue with horizontal scroll）

li:last-of-type:after { 
    content: ''; 
    display: block; 
    width: 15px; 
    height: 1px; 
    float: right; 
    margin-right: -15px; 
    margin-top: -1px; 
}

誰能幫我解決這個問題？我非常感謝您提供的任何幫助。

來源

2013-07-02 stbeets

嘗試給ul元素一個寬度，比如說50％。

ul 
{ 
    width: 50%; 
    ... 
}

FIDDLE

來源

2013-07-02 13:23:55 Danield

感謝您的答覆。問題是我不知道UL會有多久，其中有多少物品。這是所有可變的... – stbeets

CSS（3）列，多個ul的

回答

相關問題