流體佈局 - 空間在底部時使用保證金 - 最高百分比

所以我想使一個網站只使用百分比，但是在我的主要內容中，我使用了一個保證金頂：10％，但它使間距在底部並創建一個滾動條。流體佈局 - 空間在底部時使用保證金 - 最高百分比

http://i.imgur.com/ZJl8Zp0.png
如果你看一下圖片，你會發現，即使主要內容並沒有擴張的頁面下方，但它仍然創造空間下（看滾動條）。

<!DOCTYPE html> 
<html> 
    <head> 
     <meta charset="UTF-8"> 
     <title></title> 
     <link rel="stylesheet" href="style.css"> 
    </head> 
    <body> 
     <div class="main"></div> 
    </body> 
</html> 


* { 
    margin: 0; 
    padding: 0; 
} 

html { 
    height: 100%; 
    width: 100%; 
} 

body { 
    height: 100%; 
    width: 100%; 
    background: pink; 
    position: relative; 
} 

.main { 
    margin-top:10%; 
    height: 600px; 
    width: 960px; 
    background: blue; 
}

來源

2014-09-18 Donavon

只需刪除您已分配給body你的CSS裏面的height: 100%風格。這應該如何：

body { 
    height: auto; 
    width: 100%; 
    background: pink; 
    position: relative; 
}

來源

2014-09-18 23:12:07

流體佈局 - 空間在底部時使用保證金 - 最高百分比

回答

相關問題