Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何使整个导航栏固定,而不仅仅是按钮?_Html_Css - Fatal编程技术网

Html 如何使整个导航栏固定,而不仅仅是按钮?

Html 如何使整个导航栏固定,而不仅仅是按钮?,html,css,Html,Css,如果导航条没有固定, 代码: 但是当它被修复的时候 帮助?使用“固定位置”时,应确定顶部、左侧和右侧。请尝试以下代码: .is-fixed { position: fixed; left: 0; right: 0; top: 0; } 读这个 .topnav{ 背景色:#f7b733; 溢出:隐藏; 填充顶部:0px; 位置:固定; 左:0; 右:0; } .topnav a{ 浮动:左; 显示:块; 颜色:#F2F2; 文本对齐:居中; 填充:14px 1

如果导航条没有固定,

代码:

但是当它被修复的时候


帮助?

使用“固定位置”时,应确定顶部、左侧和右侧。请尝试以下代码:

.is-fixed
{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
}
读这个

.topnav{
背景色:#f7b733;
溢出:隐藏;
填充顶部:0px;
位置:固定;
左:0;
右:0;
}
.topnav a{
浮动:左;
显示:块;
颜色:#F2F2;
文本对齐:居中;
填充:14px 16px;
文字装饰:无;
字体大小:20px;
字体系列:大阪,衬线;
}
.topnav a:悬停{
背景色:#fc4a1a;
颜色:白色;
}

.topnav {
    background-color: #f7b733;
    overflow: hidden;
    padding-top: 0px;
    position: relative;


}


.topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 20px;
    font-family: Osaka, serif;
 }


.topnav a:hover {
   background-color: #fc4a1a;
   color: white;
}
.is-fixed
{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
}