角度輪播-是“位置：絕對” <li> 元素？

Question

我正在努力使rn傳送帶正常工作，並且幻燈片2+完全錯位
...直到我偶然發現了這個（看似無關）的問題：
https://github.com/revolunet/angular-carousel/issues/245

我添加了以下類，這些類使事情運行完美：

ul[rn-carousel] > li {
    color: black;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: visible;
    vertical-align: top;
    position: absolute;
    left: 0;
    right: 0;
    white-space: normal;
    padding: 0;
    margin: 0;
    list-style-type: none;
    width: 100%;
    height: 100%;
    display: inline-block; }

然后，我繼續消除所有CSS樣式，直到找到解決該問題的樣式：

顯然，“ <位置：絕對”是所有<li>元素上必需的CSS樣式？

（相當有限的）文檔中沒有提及...
-我在某處有蟲子嗎？
-這是我不知道的標准CSS問題嗎？
（有關信息， rn-carousel指令將display: inline-block自動添加到<li> ）

在以下版本范圍上嘗試了此操作，結果相同：
-rn輪播版本0.3.5-0.3.9
-angularjs版本1.3.0-1.3.12

Plunker

Answer 1

position: relative對於父容器（ ul ）和position: relative對於子容器（ li ）的position: absolute才能使角度轉盤正常工作。

包括默認的angular-carousel.css樣式表可添加以下定義：

ul[rn-carousel] {
  //...
  position: relative;
  //...
  }

  ul[rn-carousel] > li {
    //...
    position: absolute;
    //...
    }

這不應干擾您需要對li的內容進行任何自定義樣式設置。 如有必要，您可以將內容包裝在div並將任何樣式的名稱空間包裝到該元素上的類。