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

html css javascript jquery

rr8r8r8r8tw 2017-03-21 12:12:20 ‧ 8407 瀏覽

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

demo如下

king742171 iT邦新手 2 級 ‧ 2017-03-22 11:18:19 檢舉

看到手癢玩了一下~
是說...
#Main_Left-List .active a
改成
#Main_Left-List a:hover
感覺更生動~！！

rr8r8r8r8tw iT邦新手 5 級 ‧ 2017-03-22 11:38:28 檢舉

good,謝謝

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

SunAllen

iT邦研究生 1 級 ‧ 2017-03-21 13:10:02

大大您好：

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

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

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

rr8r8r8r8tw iT邦新手 5 級 ‧ 2017-03-21 15:55:46 檢舉

可以了，謝謝

立即登入回答