2014-10-30 40 views
2

我有一個帶相對位置的div和一個絕對位置的子div。margin-bottom在Opera中的計算方式有所不同

<div id="container" class="out"> 
    <div id="inside"></div> 
</div> 

CSS:

#container { 
    width:100px; 
    height:100px; 
    position: relative; 
} 
#inside { 
    position:absolute; 
    top:25px; 
    left:25px; 
    right:25px; 
    bottom:25px; 
    margin-bottom:24px; 
} 

的Chrome,Safari和Firefox似乎正常工作,但Opera瀏覽器(蘋果機)被計算兩次邊距。

這是一個小提琴:http://jsfiddle.net/4fw9wc0o/1/

這是bug還是我失去了一些財產?

+0

爲什麼在一個定位的div div-bottom? – 2014-10-30 18:13:39

+0

我在Mac上看到了Chrome,Safari,FF和Opera上的這個小提琴,他們看起來完全一樣 – Huangism 2014-10-30 18:14:01

+0

真的嗎?我沒有看到同樣的邊際。優勝美地和今天剛剛下載的Opera。 – Alvaro 2014-10-30 18:20:56

回答

3

看起來像在App Store中提供的Opera瀏覽器是版本12,超過一年半的過時(實際是25)。直接從他們的網站下載並打開jsfiddle並不顯示任何衝突。

1

Opera瀏覽器不下邊距覆蓋底部財產......如此看來,利潤率底部在瀏覽器中加倍錯誤。

+0

歡迎來到SO。作爲改進,請添加鏈接或參考您的信息。它用額外的內容備份你的答案。 – angabriel 2014-11-06 16:04:28

相關問題