title的現(xiàn)height為32我理解了，但原h(huán)eight是否是34？
原問(wèn)題有更改：
#title li{
? ? ? ? display:inline-block;
? ? ? ? text-align:center;
? ? ? ? width:60px;
? ? ? ? line-height:30px;
? ? ? ? padding:0;
? ? ? ? border:1px solid #999999;
? ? ? ? border-bottom:none;
? ? ? ? margin-left:5px;
? ? }
? ? #title li.on{
? ? ? ? border-top:2px solid #8B4513;
? ? ? ? border-bottom:2px solid #FFFFFF;
? ? }
? ? #title{
? ? ? ? border-bottom:2px solid #8B4513;
? ? ? ? height:32px;
? ? }
為了顯示的清楚，原題中的白色被我換成了藍(lán)色。
如圖C所示，為了達(dá)到題目中藍(lán)色線條部分空白的效果，title的height被設(shè)置為32，height=line-height30+border-top2
但如果刪除height=32的條件，就會(huì)變成如圖B所示，但是我不知道如圖B所示的height是否是34？
2016-06-29
圖A并不是36，應(yīng)該是35。
照你說(shuō)，如果刪除height = 32的條件，那么title的高度就由里面的元素的高度決定，
也就是li的高度+li的邊框+加上title的邊框。
li的高度為：30；li的邊框?yàn)椋?+1=2；title的邊框（border-bottom：2px）：2；
這樣加起來(lái)是34沒(méi)錯(cuò)是吧？
但是你有一個(gè)li.on的border-top啊，那個(gè)可是兩像素啊，所以應(yīng)該是35。
所以在沒(méi)設(shè)置title的高度的前提下，是達(dá)不到題目中的效果的。
多去了解下HTML的盒模型box-sizing。
你看，中間那條縫隙，明顯沒(méi)有下面的粗呢。