显示LI内联并溢出包含DIV

时间:2012-07-30 11:22:50

标签: css

我有一个包含无序的横幅图像列表的包装器,这些将成为一个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;
}

2 个答案:

答案 0 :(得分:0)

嘿,现在根据这个改变你的代码:

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

答案 1 :(得分:0)

编辑:没有看到关于使用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;
}