1. 背景
在html中，我們看到<p>和<li>標(biāo)簽總是相對原始位置有一定的偏移。這種偏移類似word中的首行縮進(jìn)和行間距。在edge瀏覽器盒模型中顯示為offset，在chrome瀏覽器中顯示為-webkit-margin-before,-webkit-margin-after,-webkit-padding-start等。

2.問題
我在寫網(wǎng)頁的過程中，遇到了<p>和<li>標(biāo)簽?zāi)J(rèn)的不合適的偏移量。代碼和截圖如下。

3. 部分css和html

/*css*/ ... .nav_li{ float:left; padding-right:36px; list-style-type:none; line-height:36px; font-size:18px; vertical-align:middle; } .../*html*/ <ul&g<愛尬聊_百科>t; <li class="nav_li"> <input id="nav_lab_home" name="nav_lab" type="radio" /> <label for="nav_lab_home">首頁</label> </li> ... </ul> ...

4. 截圖

顯示效果

Edge中<li>的盒子模型

Chrome中<li>的盒子模型和屬性

5.請問
(1)除了<p>和<li>，還有哪些標(biāo)簽擁有這樣的特性？
(2)如果想要由自己決定這些標(biāo)簽的偏移量，應(yīng)該如何設(shè)置css？

---

dz4 21小時前

每個瀏覽器的默認(rèn)樣式都不一樣。p,li,h1-h6這些是默認(rèn)有margin和padding，如果你不要可以設(shè)置{margin:0;padding:0}。 或者全部標(biāo)簽消除默認(rèn)邊框*{margin:0;padding:0}。偏移量就是top,left這些屬性，是定位position決定的。一般我們有需要才會去做微調(diào)。

---

_CFT01****92908 21小時前

謝邀{margin:0;padding:0}是一個最簡單的css reset方式。當(dāng)然問題也是最多的。其他我覺得比較常用的一個是淘寶的，一個是在git上的開源項目。你感興趣可以自己去找找這個鏈接是一個關(guān)于各種css reset的東西http://blog.bingo929.com/css-...

---