我有一個div裏面，我有一個label。但是我得到了div以上的空間。我無法如何去除那個空間。無法刪除從頂部的空間
不知道那裏發生了什麼。
問題：爲什麼我得到div以上的空間？我怎樣才能消除這個空間？
我的代碼：
爲了顯示問題妥善我已經把color和border。
* {
padding: 0;
margin: 0;
}
body {
background: green;
}
label {
border: 1px solid black;
font-size: 10px;
}<div>
<label>Some text</label>
</div>我已經嘗試了很多東西，但沒有得到任何解決方案。
label因此一個內聯元件添加display:inline-block/block或vertical-align:top
* {
padding: 0;
margin: 0;
}
div {
font-size: 0;
/* fix inline-block gap - not needed when using block only*/
background: red
}
label {
border: 1px solid black;
font-size: 10px;
}
.l1 {
display: inline-block
}
.l2 {
display: block;
width: 9%
}
.l3 {
vertical-align: top;
}<div>
<label class="l1">Some text</label>
</div>
<div>
<label class="l2">Some text 2</label>
</div>
<div>
<label class="l3">Some text 3</label>
</div>內聯元素如span也表現相同。
添加浮動：左爲標籤
* {
padding: 0;
margin: 0;
}
body {
background: green;
}
label {
border: 1px solid black;
font-size: 10px;
float: left;
}<div>
<label>Some text</label>
</div>嘗試添加vertical-align: top;爲您的標籤
* {
padding: 0;
margin: 0;
}
body {
background: green;
}
label {
vertical-align: top;
border: 1px solid black;
font-size: 10px;
}<div>
<label>Some text</label>
</div>看起來像line-height在div太高。
該做的伎倆：
div {
line-height: 10px;
}
（當然，你應該引用一個class和id的DIV）。
此行爲導致因爲div元件具有施加到其上一個瀏覽器相關的默認大小。當它包含具有較小字體大小的元素時，包含的元素將被放置在導致空間的div的基線上。爲了解決這個問題，匹配的字體大小添加到div：
div {
font-size: 10px;
}
這是因爲標籤的默認line-height的到來。您需要使用reset.css或類似（如normalize.css）來清除瀏覽器的默認樣式。
這裏有一些有用的參考資料，下載並簡單地將它們添加到樣式表上方。
http://meyerweb.com/eric/tools/css/reset/reset.css
或
https://necolas.github.io/normalize.css/3.0.3/normalize.css
嘗試'垂直對齊：首位;在'label' – tohood87