如何添加邊框兩個項目

Question

我的代碼如下

http://jsfiddle.net/gXN2u/219/

我試圖將邊框添加到每個項目的用類item-list到轉盤。但它沒有顯示。

我的實際滑塊是垂直滑塊。

我想達到的目標：

[在這裏輸入的形象描述] [1]

請幫

Answer 1

只是清除浮

<div class="item-list clearfix"> 

添加清晰修復風格您的樣式表

或爲添加浮點和寬度

.item-list { 
    border: 8px solid red; 
    box-shadow: 0px 0px 0px 10px #888888; 
    border-radius: 7px; 
    -moz-border-radius: 7px; 
    -webkit-border-radius: 7px; 
    float: left;/*added*/ 
    width: 100%;/*added*/ 

}

Answer 2

或者，你可以使用overflow財產

.item-list { 
    border-top: 1px solid red; 
    overflow: hidden; 
} 
.item-list:first-child { 
    border-top: 0; 
} 

http://jsfiddle.net/ewygux9t/