爲什麼HTML在頁面底部有神祕的「邊緣」？

Code是很容易的：爲什麼HTML在頁面底部有神祕的「邊緣」？

<html xmlns="http://www.w3.org/1999/xhtml"> 
    <body style="padding:0; margin:0;"> 
     <form method="post" action="/default.aspx" id="form1" style="margin: 0px; padding: 0px;"> 
      <div id="container-main" style="background-color:Red; height:1825px; position:relative;">&nbsp;</div> 
      <div id="fascia-chiusura" style="background-color:#5CAE22; height:11px; position:relative; width:100%;">&nbsp;</div> 
     </form> 
    </body> 
</html>

但在Firefox/Chrome的它會在底部，這是不是在HTML元素一個奇怪的「空間」。爲什麼會這樣？我該如何解決它？

截圖：

enter image description here

來源

2012-09-27 markzzz

截圖？或jsfiddle？ – chovy

@chovy - 第一個詞是鏈接到小提琴。 –

div fascia-chiusura被放置在主容器下方。那是你要的嗎？ –

http://jsfiddle.net/rtVPb/4/

在你的最後一個div刪除 它禾很好。  的空間大於div中定義的11px，所以它會產生溢出，並且會得到白色部分。您可以檢查此行爲here，我加入了一些可見的文字..

來源

2012-09-27 07:43:17 QQping

我喜歡通過刪除代碼而不是添加代碼來解決問題;-) +1 –

http://jsfiddle.net/rtVPb/2/

刪除此：

<div id="fascia-chiusura" style="background-color:#5CAE22; height:11px; position:relative; width:100%;">&nbsp;</div>

來源

2012-09-27 07:42:02 chovy

是的...但我需要它:) – markzzz

您還可以添加overflow:hidden到<div id="fascia-chiusura"/>

http://jsfiddle.net/rtVPb/9/

來源

2012-09-27 07:44:03

我想知道爲什麼:) – markzzz

我也是。對我來說似乎毫無用處。這只是一個空白空間。如果您需要清除浮動塊，請使用clearfix。 – chovy

啊，我看@QQping已經解釋過了。 ' '大於定義的'11px'。 –

沒有什麼做什麼，只是去掉最後一個div高度或改變它來自動

http://jsfiddle.net/rtVPb/8/

來源

2012-09-27 07:49:45 Jack

這會使'div'大於它所需要的'11px'。 –

爲什麼HTML在頁面底部有神祕的「邊緣」？

回答

相關問題