CSS：位置：沒有，最近的溢出裏面絕對裁剪：隱藏父

我們有旋轉木馬代碼：CSS：位置：沒有，最近的溢出裏面絕對裁剪：隱藏父

<div style="width:280px; height:100px; border:1px solid red; overflow:hidden; "> 
    <ul> 
     <li style="position:relative; width:200px; height:50px; list-style-type:none; background:yellow;"> 
      <div style="position:absolute; top:10px; left:10px; width:180px; height:150px; background:Pink; z-index: 99;"> 
       <br/> 
      </div> 
     </li> 
    </ul> 
</div>

最後一個div，這是絕對定位，被裁剪。有沒有辦法通過只更改ccs代碼來正常工作？

來源

2014-01-16 radueff

需要在主div中「溢出：隱藏」。 – radueff

如果你不想刪除overflow: hidden，然後是它確定爲您刪除position:relative爲內li，這一些新的外層div和粉紅色的div添加相應的頂部和左側值如下。

<div style="position:relative"> 
    <div style="width:280px; height: 100px; border:1px solid red; overflow:hidden; "> 
     <ul> 
      <li style="/* removed position:relative; */ width:200px; height:50px; list-style-type:none; background:yellow;z-index: 3;"> 
       <div style="position: absolute; top: 30px; left: 52px; width:180px; height:150px; background:Pink; z-index: 99;"> 
        <br> 
       </div> 
      </li> 
     </ul> 
    </div> 
</div>

這就是我能想出的唯一方法！

來源

2014-01-16 09:18:53 skshoyeb

但刪除後，粉紅色的DIV沒有放在LI上。 – radueff

我改變了頂部和左側的值。你是否也改變它們？ – skshoyeb

並且爲了保持它不受干擾，還有額外的外部div！ – skshoyeb

你給overflow:hidden到具有width:280px

等最後div與position:absolute是越來越砍掉主要div。

來源

2014-01-16 08:56:53

是的:) Sry，我ddnt看到了這個答案！ – skshoyeb

沒關係@skshoyeb發生了這種情況 –

主div使用旋轉木馬代碼製作汽車。如果我刪除溢出：隱藏在主div，jquery.carousel brokes。 – radueff

<div style="width:280px; height:100px; border:1px solid red; /* removed overflow:hidden; */ "> 
    <ul> 
     <li style="position:relative; width:200px; height:50px; list-style-type:none; background:yellow;"> 
      <div style="position:absolute; top:10px; left:10px; width:180px; height:150px; background:Pink; z-index: 99;"> 
       <br> 
      </div> 
     </li> 
    </ul> 
</div>

來源

2014-01-16 08:57:37 skshoyeb

我不能刪除它，因爲它需要轉盤腳本。 – radueff

然後增加外部div的高度。 –

CSS：位置：沒有，最近的溢出裏面絕對裁剪：隱藏父

回答

相關問題