儘管它被編碼爲0％，CSS，HTML

我試圖獲得寬度爲98％，左右邊距爲1％的div，邊緣頂部顯示爲.5％。我也試圖獲得0％的上限，但由於某種原因，上邊距顯示爲0.5％，即使我專門設置了0％。我不知道我做錯了什麼，請看看我的代碼：儘管它被編碼爲0％，CSS，HTML

#div { 
border: 1px solid black; 
width: 98%; 
height: 98%; 
margin-top: 0%; 
margin-left: 1%; 
margin-right: 1%; 
} 

<div id = 'div'></div>

來源

2015-07-21 frosty

似乎沒有要什麼不對的代碼。在這[jsFiddle]（http://jsfiddle.net/6Lqbkhdk/）它似乎工作正常（計算爲'0px'上邊距）。我懷疑你的問題可能來自'div'所在的任何容器。也許提供一些關於'＃div'放置在文檔中的上下文。 – Singular1ty

@ Singular1ty在那個jsFiddle中，整個div只顯示爲一行，而這不會發生。另外，我也看到了頂部的空間。 #div不放置在文檔中的任何內容中。上面的代碼包含了該頁面的所有代碼。 – frosty

你在哪個瀏覽器中看到這個問題？ –

我認爲，在頂部的白色空間是body元素上的默認頁邊距，你需要手動歸零。此外，您需要爲身體和html元素指定100％的高度，否則div的高度將計算爲零。

body, html { 
 
    margin: 0; 
 
    height: 100%; 
 
} 
 
#div { 
 
    border: 1px solid black; 
 
    width: 98%; 
 
    height: 98%; 
 
    margin-top: 0%; 
 
    margin-left: 1%; 
 
    margin-right: 1%; 
 
}

<div id='div'></div>

來源

2015-07-21 23:39:53

儘管它被編碼爲0％，CSS，HTML

回答

相關問題