瀏覽器呈現不同

Question

我無法讓Safari和Firefox像使用Chrome和Webkit一樣呈現我的CSS。

我正在建立一個網站，顯示一些圖片，當它們中的任何一個被點擊時，從該圖片後面展開一些文本和大拇指。

我正在使用CSS轉換通過更改父對象的類來移動一些子節點，但我相信這不是問題。

Here you can try and see how it works. 嘗試調整頁面大小，看看它是如何反應....

在Chrome/Webkit的看到，即使在格是「開放」，它尊重了頁面的總寬度，邊文也永遠不會高於左側的圖像，底部的拇指總是在圖像上方。

在Safari或Firefox中時，不會呈現這些行爲。我嘗試了一些「！重要」規則和「RESET.CSS」，但我無法找到一種方法使其在每個瀏覽器上呈現相同的方式。

我想只有使用JavaScript時，有沒有更多的選擇......

沒有人有線索？

在此先感謝。

Answer 1

好，固定......

令人不解的解決方案是：

.cont_texto{ 
    display: block; 
    height: 0; 
} 

奇怪

Answer 2

.cont_foto img { width: 100% !important; } 

如果我理解正確，那應該讓你更接近你想要的位置。