<html>
<head>
<title>導航條練習</title>
<style type="text/css">
.*{
margin:0;
padding:0;
}
.nav{
list-style:none;
background-color:PowderBlue;
width:1000px;
margin:50px auto;
}
.nav li{
float:left;
width:25%;
}
.nav li a{
display:block;
width:100%;
margin:0 auto;
padding:5px 0;
text-align:center;
text-decoration:none;
}
a:hover{
background-color:Coral;
}
.clearfix:after{
content:"";
display:block;
clear:both;
}
</style>
</head>
<body>
<ul class="nav clearfix">
<li><a href=https://bbs.csdn.net/topics/#>首頁
<li><a href=https://bbs.csdn.net/topics/#>我們
<li><a href=https://bbs.csdn.net/topics/#>重繪
<li><a href=https://bbs.csdn.net/topics/#>聯系
</ul>
</body>
<html>
uj5u.com熱心網友回復：
如果不是為了解決老專案遺留問題，推薦直接上手flex或者gird布局uj5u.com熱心網友回復：
不太懂這個flex或者gird布局，請問是在哪兒改一下好呢
uj5u.com熱心網友回復：
.nav{
list-style:none;
background-color:PowderBlue;
width:1000px;
margin:50px auto;
padding:0;
}
uj5u.com熱心網友回復：
可能是ul默認的內邊距uj5u.com熱心網友回復：
你現在的樣式頁面里的問題，li標簽沒有閉合，全域取消margin和padding的星號前沒有點的。還是推薦直接百度搜索flex或者gird布局
uj5u.com熱心網友回復：
感謝，我那個li標簽電腦上閉合了，復制過來，丟了，是我的問題，不好意思啊，那個全域取消面前加點著呢，我去百度flex或者gird布局，感謝大佬幫助
uj5u.com熱心網友回復：
前面那個.*{margin:0;
padding:0;}不是會全域取消默認布局嗎，那個ul為什么沒有取消呢？
uj5u.com熱心網友回復：
確實加上了這個就沒問題了，感謝大佬
uj5u.com熱心網友回復：
這是什么鬼。。。全域取消樣式，直接星號，不要帶點
uj5u.com熱心網友回復：
啊，是嗎，去掉點也可以，我看的那個視頻里帶點了，2016年的了，可能比較老了，這是新的嗎
uj5u.com熱心網友回復：
<html>
<head>
<title>導航條練習</title>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
a {
text-decoration: none;
}
.nav {
list-style: none;
width: 1000px;
margin: 50px auto;
display: flex;
justify-content: space-between;
}
.item {
background-color: PowderBlue;
text-align: center;
padding: 5px;
width: 25%;
}
.item:hover {
background-color: rgb(190, 226, 89);
}
</style>
</head>
<body>
<ul class="nav">
<li class="item"><a href=https://bbs.csdn.net/topics/#>首頁
<li class="item"><a href=https://bbs.csdn.net/topics/#>我們
<li class="item"><a href=https://bbs.csdn.net/topics/#>重繪
<li class="item"><a href=https://bbs.csdn.net/topics/#>聯系
</ul>
</body>
<html>
uj5u.com熱心網友回復：
非常感謝，我懂了，嘿嘿
uj5u.com熱心網友回復：
把通用選擇器*前面的.符號去掉uj5u.com熱心網友回復：
好的，感謝感謝??
uj5u.com熱心網友回復：
通用標簽*前面沒有符號.uj5u.com熱心網友回復：
感謝感謝，懂了，
uj5u.com熱心網友回復：
<html><head>
<title>導航條練習</title>
<style type="text/css">
.*{
margin:0;
padding:0;
}
.nav{
list-style:none;
background-color:orangered;
width:1000px;
margin:50px auto;
float:left;
}
.nav li{
float:left;
width:25%;
}
.nav li a{
display:block;
width:100%;
margin:0 auto;
padding:5px 0;
text-align:center;
text-decoration:none;
}
a:hover{
background-color:Coral;
}
.clearfix:after{
content:"";
display:block;
clear:both;
}
</style>
</head>
<body>
<ul class="nav clearfix">
<li><a href=https://bbs.csdn.net/topics/#>a
<li><a href=https://bbs.csdn.net/topics/#>b
<li><a href=https://bbs.csdn.net/topics/#>c
<li><a href=https://bbs.csdn.net/topics/#>d
</ul>
</body>
<html>
稍微修改了一下你的代碼，只需要在nav選擇器中添加屬性float:left;就可以解決了
uj5u.com熱心網友回復：
非常感謝大佬??明白了
uj5u.com熱心網友回復：
樣式里面的通配符（*）前面不應該有（.），這樣就去不了<ul>標簽的內邊距uj5u.com熱心網友回復：
非常感謝大佬，一時粗心，嘿嘿，我明白了
uj5u.com熱心網友回復：
你可以在瀏覽器右擊，檢查。然后找到首頁那一個盒子的設定。一般可以通過改變margin 和padding開進行位置移動，這也是一個比較小白的做法。在瀏覽器活動面板上可以隨意調資料，知道你認為可以了，再回到環境軟體（DW或者是Sublime）內進行修改
uj5u.com熱心網友回復：
好的，去試試，非常感謝你????
uj5u.com熱心網友回復：
推薦直接上手flex或者gird布局uj5u.com熱心網友回復：
哥，前面有個小點uj5u.com熱心網友回復：
好的??感謝感謝
uj5u.com熱心網友回復：
插眼 在線蹲一個大佬uj5u.com熱心網友回復：
設有關系S、SC、C，S(S#,SNAME,AGE,SEX) 例：（001,'李強',23,'男'）
SC(S#,C#,SCORE) 例：（003,'C1',83）
C(C#,CNAME,TEACHER) 例：（'C1','資料庫原理','投訓'）
1).用關系代數檢索既選修了C1課程，又選修了C2課程的學生學號（S#）
2).用關系代數檢索選修了“程軍”老師所授課程之一的學生姓名。
求求求
uj5u.com熱心網友回復：
是不是弄一個 right：0px這樣不行嗎？
uj5u.com熱心網友回復：
會不會是因為body標簽的內邊距或外邊距？可以試試轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/83069.html
標籤：HTML(CSS)