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

2.問題
我在寫網頁的過程中，遇到了<p>和<li>標簽默認的不合適的偏移量。代碼和截圖如下。

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>，還有哪些標簽擁有這樣的特性？
(2)如果想要由自己決定這些標簽的偏移量，應該如何設置css？

---

dz4 21小時前

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

---

_CFT01****92908 21小時前

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

---