Question

我有一个显示正常的JQuery轮播，但是我想要显示的内容略有调整：

<li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-1 jcarousel-item-1-horizontal" style="float: left; list-style: none outside none; position: relative; overflow: auto;" jcarouselindex="1"><img width="331" height="155" src="images/tmp/saying1.png" alt="image description here" title="image description here"><ul class="carousel-caption"><li class="item">Harry Potter and the Deathly Hallows</li><li class="text">Harry Potter video lorem ipsum dolor</li></ul></li>

基本上我希望旋转木马字幕ul向左显示10px，但是当我设置属性margin-left：-10px时;它显示在白色空间区域下面？

parent li css：

element.style {
    float: left;
    list-style: none outside none;
    overflow: auto;
}

.jcarousel-skin-brag-small .jcarousel-item-horizontal {
    margin: 0 0 0 63px;
    padding-right: 100px;
}
.jcarousel-skin-brag-small .jcarousel-item {
    height: 235px;
    overflow: hidden;
    width: 331px;
}

.carousel-caption {
    display: inline-block;
    font-size: 11px;
    margin-left: -10px;
    margin-top: 8px;
}

有什么想法吗？可能我是傻瓜！

在此处查看图片： http://dl.dropbox.com/u/1499762/sample.png

Answer 1

使图像浮动到左侧（float: left）。

里面的ul显示在白色区域下面？

1 个答案: