我想在外部顯示一個關閉按鈕。預覽和。快捷方式，它們都有溢出:隱藏屬性。位置:絕對不工作，我不知道如何解決這個問題，因為父div動態調整大小。

任何幫助都將不勝感激

https://dl . dropboxusercontent . com/u/12598822/close _ revert . html

.shortcut {
  overflow: hidden;
  /*border: 1px solid blue;*/
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.preview {
  width: 90%;
  height: 75%;
  margin: auto;
  border: 1px solid #aaaaaa;
  /*-webkit-border-image: -webkit-gradient(linear, left top, left bottom, from(white), to(black));
        */
  position: relative;
  -webkit-border-radius: 3px;
  overflow: hidden;
  -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, .15);
  /*-webkit-box-shadow: 0 0 10px rgba(0,0,0,.15);*/
}

<div class="shortcut" id="3">
  <div class="preview thumbs">
    <a class="cross" id="crosshidden" href="#"></a>
    <a class="link" >
      <img class="thumb" src="http://image.thum.io/get/http://www.google.com/" title="Google">
    </a>
  </div>
  <div class="title">Google</div>
</div>

這不能工作，但你提供的標記+css不能創建你的下拉框頁面的布局。無論如何，要修復它，請嘗試以下方法

1)移除溢出:隱藏在div.shortcut和。預習課程 2)將以下規則添加到您的CSS中

.preview a{
    display: block;
    height: 100%;
    overflow: hidden;
}

更新 不相關的問題，但你也想讓你的背景風格。交叉嵌線跟隨(背景無重復)

background: url("http://www.lngbahrain.com/uploadedImages/EventRedesign/Dubai/2013/January/21276001/Assets/lightbox_close_button.png") no-repeat scroll 0 0 transparent

試試這個:

<div class="shortcut" id="3">
    <div class="preview thumbs">
        <div class="whatever_class" style="height: 100%; overflow: hidden;">
            <a class="link" >
                <img class="thumb" src="http://api.webthumbnail.org?width=500&height=499&format=png&screen=1024&url=dribbble.com" title="Developer | elementary OS">
            </a>
        </div>
        <a class="cross" id="crosshidden" href="#"></a>
    </div>
    <div class="title">Dribbble</div>
</div>

然后，從您的。捷徑，還有。預習課。

只要確保我設置為class="whatever_class "的div獲得了我在其中放置的樣式。只是一個快速解決方案。