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;
}