Question

我需要澄清的是，如果我的问题听起来很愚蠢，那么我几乎不了解pragramming，所以我的道歉。

所以问题是我想让我的网站的导航栏更大（垂直），因为它现在看起来太小了。

以下是可能影响更改的代码。如果您需要更多信息，我会尽我所能提供！谢谢大家！

#nav-wrap {
position: fixed;
top: 0;
left: 0;
border-top: 3px solid #000B5C; /* #ActiveSectionColor; this one controls the top border old #199ad0; old nav color */
background: rgb(29,62,143); /* #MenuBarColor; Hex code: #1d3e8f */
background: rgba(29,62,143,1); /* #MenuBarColor; This line controls opacity. #1d3e8f, */
z-index: 999;
}

#nav-wrap .container {
clear: both;
overflow: hidden;
position: relative;
}

#nav-wrap .container ul {
list-style: none;
overflow: hidden;
float: right;
}

#nav-wrap .container ul li {
list-style: none;
float: left;
margin-right: 17px;
text-transform: uppercase;
}

#nav-wrap .container ul span:last-child li,
#nav-wrap .container ul > li:last-child {
background: none;
}

#nav-wrap .container ul li a {
float: left;
display: block;
font-family: 'Lato', sans-serif;
color: #fff;
padding: 14px 12px;
border: 0;
outline: 0;
list-style-type: none;
font-size: 13px;
font-weight: bold;
}

#nav-wrap .container ul li#active a,
#nav-wrap .container ul li a:hover {
color: #fff; /* April 2017 */
background: #000B5C; /* #ActiveSectionColor; this one controls the rest. old #199ad0; */
border: 0;
}

Answer 1

制作css类并使用这些属性，并在您正在使用的navbar标签或div标签上调用此类

.sizing{

padding-top: 50px;
padding-bottom : 50px;
}

如果你想要确定尺寸，那么只需使用右上和左下

如何使导航栏垂直变大（weebly）？

1 个答案: