刪除檢測窗口大小並添加自動高度？

Question

我目前正在嘗試在此處顯示的網頁上實現圖庫。

http://tympanus.net/codrops/2013/03/19/thumbnail-grid-with-expanding-preview/

創建畫廊是為了讓jquery檢測到窗口的高度並創建一個擴展框，該框跨越縮略圖下方的寬度。 問題在於，此設置高度會切斷我當前試圖放入擴展預覽中的信息​​。 我如何更改代碼，以使框根據內部元素擴展。 （類似於CSS自動高度嗎？）還是有另一個選項可以讓所有信息都可以看到？

我試圖做一個小提琴，但沒有用。

http://jsfiddle.net/sasmith/8FpQM/2/

function getWinSize() {
    winsize = { width : $window.width(), height : $window.height() };
}

Answer 1

好吧，在此CSS上花了點力氣之后，這可能不是一個完美的解決方案，並且由於我沒有太多時間來閱讀整個代碼，所以只需修改以下內容，然后頁面就可以按我希望的那樣工作了。

打開basic.css文件，然后將.og-expander類修改為：

.og-expander {
                position: absolute;
                background: #ddd;
                top: auto;
                left: 0;
                width: 100%;
                margin-top: 10px;
                text-align: left;
                height: auto !important;
                z-index:99;
                overflow: hidden;
            }

還將以下內容添加到css文件中：

.og-grid li.og-expanded
            {
                height:900px !important;
            }

我已經保存了修改后的文件，並將其上傳到這里： https : //www.mediafire.com/?y3ihnadu343dsui

請讓我知道它是否適合您