Html 导航栏-区分
我创建了一个导航栏,效果非常好。唯一的问题是,我创建了一个链接,却看不到链接的一半 有人能帮我吗 HTML:Html 导航栏-区分,html,css,Html,Css,我创建了一个导航栏,效果非常好。唯一的问题是,我创建了一个链接,却看不到链接的一半 有人能帮我吗 HTML: 您需要在实际的表中添加一些填充,如下所示 #header-nav-table { padding-top:1%; } 例如: 不太清楚你在问什么,链接的“hlf”是什么?你说的是href?根据你的HTML和CSS,似乎一切正常。由于您已经在页眉导航表按钮中设置了左边距1200px(?)我只能使用1200px,但是如果您检查JSFIDLE,我想使用80%,您将看到按钮稍微向下移
您需要在实际的表中添加一些填充,如下所示
#header-nav-table {
padding-top:1%;
}
例如:
不太清楚你在问什么,链接的“hlf”是什么?你说的是
href
?根据你的HTML和CSS,似乎一切正常。由于您已经在页眉导航表按钮中设置了左边距1200px(?)我只能使用1200px,但是如果您检查JSFIDLE,我想使用80%,您将看到按钮稍微向下移动。如果删除表格填充,它将从显示区域向上移动,就像屏幕截图中一样。您是否有另一个元素在其内部?根据完整代码的外观,您可能需要在HTML树的更高位置添加填充。
body {
background-color: #ECF0F1;
font-size: 100%;
font-family: 'Roboto', sans-serif;
}
section {
margin-right: 15%;
margin-left: 15%;
margin-top: 15%;
margin-bottom: 10%;
}
.main-nav {
width: 100%;
height: 18%;
background-color: #FFFFFF;
top: 0px;
left: 0px;
position: fixed;
border-bottom: 2px solid #4682B4; /* steelblue */
}
.main-nav-addClass {
width: 100%;
height: 8%;
background-color: #FFFFFF;
/* top: -1px;
left: -1px;*/
position: fixed;
border-bottom: 2px solid #4682B4; /* steelblue */
}
.header-nav-table-button {
margin-left: 1200px;
margin-top: 50px;
padding-left: 3%;
padding-right: 3%;
padding-top: 1%;
padding-bottom: 1%;
border: 1px solid #4682B4;
border-radius: 10px;
color: #4682B4;
background-color: #FFFFFF;
text-align: center;
text-decoration: none;
}
.header-nav-table-button:hover {
cursor: pointer;
border: 1px solid #ECF0F1;
color: #FFFFFF;
background-color: #4682B4;
}
#header-nav-table {
padding-top:1%;
}