我正在制作一個(gè)網(wǎng)站，但沒有得到我想要的東西。我制作了一個(gè) div，它將位于網(wǎng)站的右側(cè)，寬度為 200px。然后我做了一個(gè)來顯示帶有列表的鏈接。問題是，其中的任何元素都會(huì)稍微向左移動(dòng)，就好像其中有一個(gè)向右填充，但實(shí)際上沒有，而且我不知道這是從哪里來的。.nav-menu>ul { margin-bottom: 1rem;}.nav-menu>ul>li { text-decoration: none !important; list-style: none !important; outline: none !important; border-bottom: 1px solid red;}.nav-menu>ul>li>a { letter-spacing: 1px; text-transform: uppercase; text-align: left; font-weight: 400; display: block; line-height: 45px; color: #999; font-size: 12px;}.lnr { font-size: 20px; padding-right: 10px; position: relative; top: 3px;}<nav class="nav-menu"> <ul> <li><a href="#home" class="pt-link active"><span class="nav-menu-icon"><i class="lnr lnr-home"></i></span>Home </a> </li> <li><a href="#about" class="pt-link"><span class="nav-menu-icon"><i class="lnr lnr-user"></i></span>About Me</a></li> <li><a href="#resume" class="pt-link"><span class="nav-menu-icon"><i class="lnr lnr-license"></i></span>Resume</a></li> <li><a href="#portfolio" class="pt-link"><span class="nav-menu-icon"><i class="lnr lnr-briefcase"></i></span>Portfolio</a></li> <li><a href="#blog" class="pt-link"><span class="nav-menu-icon"><i class="lnr lnr-book"></i></span>Blog</a></li> <li><a href="#contact" class="pt-link"><span class="nav-menu-icon"><i class="lnr lnr-envelope"></i></span>Contact</a></li> </ul></nav>
1 回答
慕蓋茨4494581
TA貢獻(xiàn)1850條經(jīng)驗(yàn) 獲得超11個(gè)贊
在你的 css 中添加這個(gè)：
body,html{
border:0;
padding:0;
margin:0;
}
body,
html {
border: 0;
padding: 0;
margin: 0;
}
.nav-menu>ul {
margin-bottom: 1rem;
}
.nav-menu>ul>li {
text-decoration: none !important;
list-style: none !important;
outline: none !important;
border-bottom: 1px solid red;
}
.nav-menu>ul>li>a {
letter-spacing: 1px;
text-transform: uppercase;
text-align: left;
font-weight: 400;
display: block;
line-height: 45px;
color: #999;
font-size: 12px;
}
.lnr {
font-size: 20px;
padding-right: 10px;
position: relative;
top: 3px;
}
<nav class="nav-menu">
<ul>
<li><a href="#home" class="pt-link active"><span class="nav-menu-icon"><i class="lnr lnr-home"></i></span>Home </a> </li>
<li><a href="#about" class="pt-link"><span class="nav-menu-icon"><i class="lnr lnr-user"></i></span>About Me</a></li>
<li><a href="#resume" class="pt-link"><span class="nav-menu-icon"><i class="lnr lnr-license"></i></span>Resume</a></li>
<li><a href="#portfolio" class="pt-link"><span class="nav-menu-icon"><i class="lnr lnr-briefcase"></i></span>Portfolio</a></li>
<li><a href="#blog" class="pt-link"><span class="nav-menu-icon"><i class="lnr lnr-book"></i></span>Blog</a></li>
<li><a href="#contact" class="pt-link"><span class="nav-menu-icon"><i class="lnr lnr-envelope"></i></span>Contact</a></li>
</ul>
</nav>
- 1 回答
- 0 關(guān)注
- 154 瀏覽
添加回答
舉報(bào)
0/150
提交
取消