css - LIをインラインで表示し、含まれているDIVをオーバーフローさせます

Question

バナー画像の順序付けられていないリストを含むラッパーがあります。これらはjQueryスライダーになります。ただし、を使用して非アクティブな画像を非表示にする代わりに、画像をoverflow:hiddenインラインで表示して内容をオーバーフローさせたいのですが、<div>これを行うにはどうすればよいですか？

#slide-wrapper{
    width:760px;
    float:left;
    position:relative;
ul{
    margin:0;
    padding:0;
    position:absolute;
li{
    list-style-type:none;
    margin:0;
    padding:0;
    width:760px;
    height:340px;
    display:inline;
}

Answer 1

これに従ってコードを変更してください。

#slide-wrapper {
    width:760px;
    float:left;
    position:relative;
}
ul {
    margin:0;
    left:0;
    top:0;
    overflow:hidden;
    padding:0;
    position:absolute;
}
li {
    list-style-type:none;
    margin:0;
    padding:0;
    width:760px;
    height:340px;
    float:left;
}

Answer 2

編集: LESS CSS の使用に関するメッセージが表示されませんでした。修正されました。

#slide-wrapper {
   width:760px;
   float:left;
   position:relative;
   overflow:hidden; 
ul {
   margin:0;
   padding:0;
   position:absolute;
   top: 0;
   left: 0;
li{
   list-style-type:none;
   margin:0;
   padding:0;
   width:760px;
   height:340px;
    float:left;
}