iT邦幫忙

0

Nav的<li>清單,設active實線不縮排

rr8r8r8r8tw 1 月前4693 瀏覽

我在Nav的li清單,點擊被選中的list name,會產生左邊的藍色實線,請問如何讓他實線產生,不會推擠到右邊的list name呢?

demo如下

https://jsfiddle.net/shawnhsuicpdas/qaL9vf89/1/#&togetherjs=JfL3dQbmRx

king742171 iT邦新手 5 級 ‧ 1 月前 檢舉
看到手癢玩了一下~
是說...
#Main_Left-List .active a
改成
#Main_Left-List a:hover
感覺更生動~!!
rr8r8r8r8tw iT邦新手 5 級 ‧ 1 月前 檢舉
good,謝謝

1 個回答

0
sunallen
iT邦好手 1 級 ‧ 1 月前
最佳解答

大大您好:

我加了一個 padding-left:8px;

讓它看起來,像是不會動... 供您參考

#Main_Left-List .active a {
  list-style-type: none;
  height: 100%;
  color: #2A2A2A;
  border-left: solid #395d8b;
  padding-left:8px;  
}

http://ithelp.ithome.com.tw/upload/images/20170321/20006132euBWF0ZeSz.png

rr8r8r8r8tw iT邦新手 5 級 ‧ 1 月前 檢舉

可以了,謝謝

我要發表回答

立即登入回答