内联显示LI并溢出包含的DIV

  • 本文关键字:包含 DIV 溢出 显示 LI 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;
}

嘿,现在根据以下内容更改代码:

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

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

最新更新