時髦的css是添加一個底部填充/保證金

我不明白爲什麼我的CSS創建這個時髦的底部邊距或邊框我拍了一個視頻，所以你可以看到它：http://img.zobgib.com/2011-04-25_1317.swf邊緣/邊框不顯示，除非頁面被調整爲相當小。我的CSS是非常標準的，我沒有內聯樣式或JS造型，會導致它。什麼會導致這個奇怪的邊緣？時髦的css是添加一個底部填充/保證金

這裏是我的CSS

html { 


} 
body { 
} 

#content { 
    position: absolute; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
} 

#drawn { 
    background: #fff !important; 

} 

#content > * { 
} 

#toolcontainer { 
    left: 0; 
    right: 0; 
    height: 50px; 
    min-width: 940px; 
} 

#toolcontainer > * { 
    display: inline-block; 
    vertical-align: middle; 
    margin-right: 10px; 
    margin-left: 10px; 
} 

#slidescontainer { 
    position: absolute; 
    left: 0; 
    bottom: 0; 
    top: 52px; 
    width: 130px; 
    min-height: 658px; 
} 
#newslide { 
    background: url(/static/img/new_slide.png) !important; 
    border: 1px solid #FFFFFF; 
} 
#slidescontainer canvas { 
    position: relative; 
} 
#slidescontainer > * { 
    height: 80px; 
    width: 106px; 
    margin: 10px; 
    background: #ffffff; 
    border: 1px solid #000; 

} 

#container { 
    position: absolute; 
    min-height:608px; 
    min-width: 810px; 
/* height: 608px; 
    width: 810px;*/ 
    background-color: #fff; 
    background-image: none; 
    top: 52px; 
    bottom: 0; 
    right: 0px; 
    left: 132px; 
    background: #d5d5d5; 
    border: 10px solid #000; 
} 

#container canvas { 
/* left: 50%; 
    margin-left: -405px; 
    top: 50%; 
    margin-top: -304px;*/ 
} 

#debug { 
    position: absolute; 
    bottom: 0; 
    left: 0; 
    right: 0; 
    height: 100px; 
    overflow: auto; 
    border: 1px solid black; 
    background: black; 
    color: #34e338; 
    z-index: 50; 
} 

canvas { 
    position: absolute; 
} 

#colorSelector { 
    position: relative; 
    width: 46px; 
    height: 46px; 
} 

#colorSelector div { 
    position: absolute; 
    border: 1px solid #FFFFFF; 
    background: #000000; 
    width: 46px; 
    height: 46px; 
}

來源

2011-04-25 austinbv

那邊界總是在那裏，還是在你引發螢火蟲之後呢？ – 2011-04-25 17:27:30

當我拿出螢火蟲或讓窗戶「短」時，它也在那裏，當我移除它的最小高度時，它的尺寸加倍。 – austinbv 2011-04-25 17:45:24

我通過改變＃的最小高度固定它容器爲638px。

來源

2011-05-01 20:30:47 austinbv

您使用了大量特定瀏覽器CSS的，它看起來就像你在一個不支持的瀏覽器訪問它（Firefox不支持微軟的標記，出於顯而易見的原因）。我建議嘗試使用CSS3選擇器和規則，而不是瀏覽器特定的規則。

來源

2011-04-25 17:26:55

我從來沒有使用.shaddow，因此可以實際移除 – austinbv 2011-04-25 17:44:39

嘗試增加style = "overflow:hidden"您html標籤是這樣的：

<html xmlns="http://www.w3.org/1999/xhtml" style = "overflow:hidden">

如果是與頁面高度的問題，那可能它清除掉

來源

2011-04-25 17:46:53

時髦的css是添加一個底部填充/保證金

回答

相關問題