Question

我正在尝试自定义Sorgalla轮播样式但遇到一些困难 - 更准确地说，是最后一个列表项的右边框，它显示在轮播的视口中。它正在消失，请看一下：

http://jsfiddle.net/orinoco_omi/cy7y9j7x/

这是HTML代码：

 <div class="wrapper">

        <div class="jcarousel-wrapper">
            <div class="jcarousel">

                <ul>
                    <li>

                    <a href="#"><img src="img/img1.jpg" alt="Image 1"></a>
     <h4><a href="#">Check-up and evaluation services</a></h4>
      <p>A nice & short description of the service  </p>                       
                    </li>
                    <li><a href="#"><img src="img/img2.jpg" alt="Image 2"></a>
      <h4><a href="#">Check-up and evaluation services</a></h4>
      <p>A nice & short description of the service  </p>                         
                    </li>
                    <li><a href="#"><img src="img/img3.jpg" alt="Image 3"></a>
         <h4><a href="#">Check-up and evaluation services</a></h4>
      <p>A nice & short description of the service  </p>  

                <p>A nice & short description of the service  </p>                    
                    </li>
                    <li><a href="#"><img src="img/img4.jpg" alt="Image 4"></a>
          <h4><a href="#">Check-up and evaluation services</a></h4>
      <p>A nice & short description of the service  </p>                         
                    </li>
                    <li><img src="img/img5.jpg" alt="Image 5"></li>
                    <li><img src="img/img6.jpg" alt="Image 6"></li>
                </ul>
            </div>


            <a href="#" class="jcarousel-control-prev">&lsaquo;</a>
            <a href="#" class="jcarousel-control-next">&rsaquo;</a>

            <p class="jcarousel-pagination"></p>
        </div>
    </div>

我为li项目设置的任何保证金（我希望它们像这里一样分开，http://comtechguys.com/slider1/index.html）会导致右边界消失。我想问题出在.jcarousel div。我试图设置填充，以便我的列表适合，但无用。我也试图改变它的大小，设置边距......没有帮助。我有什么遗漏的吗？

响应式多项旋转木马：内容不适合其视口

0 个答案: