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 在页面底部有一个div?_Html_Css - Fatal编程技术网

Html 在页面底部有一个div?

Html 在页面底部有一个div?,html,css,Html,Css,我有一个网站,使用一个样式表。 正如您在第二页上看到的,它不像在主页上那样位于页面底部。我不太确定哪里不对,因为在css方面我不是一个真正的大师。我已经用我主页上的所有代码更新了它 /*下拉按钮*/ .dropbtn{ 背景色:#333; 颜色:白色; 左:35%; 字体大小:45px; 宽度:50px; 高度:55px; 边界:无; 光标:指针; } /*悬停和聚焦上的下拉按钮*/ .dropbtn:悬停,.dropbtn:焦点{ 背景色:#AARGGBB; } /*容器-需要定位下拉内容

我有一个网站,使用一个样式表。

正如您在第二页上看到的,它不像在主页上那样位于页面底部。我不太确定哪里不对,因为在css方面我不是一个真正的大师。我已经用我主页上的所有代码更新了它

/*下拉按钮*/
.dropbtn{
背景色:#333;
颜色:白色;
左:35%;
字体大小:45px;
宽度:50px;
高度:55px;
边界:无;
光标:指针;
}
/*悬停和聚焦上的下拉按钮*/
.dropbtn:悬停,.dropbtn:焦点{
背景色:#AARGGBB;
}
/*容器-需要定位下拉内容*/
.下拉列表{
位置:绝对位置;
显示:内联块;
}
/*下拉内容(默认情况下隐藏)*/
.下拉内容{
显示:无;
位置:固定;
背景色:#f9f9f9;
最小宽度:160px;
盒影:0px 8px 16px 0px rgba(0,0,0,0.2);
z指数:1;
}
/*下拉列表中的链接*/
.下拉内容a{
颜色:黑色;
填充:12px 16px;
文字装饰:无;
显示:块;
}
/*更改悬停时下拉链接的颜色*/
.下拉内容a:悬停{背景色:#f1f1}
/*显示下拉菜单(当用户单击下拉按钮时,使用JS将此类添加到.dropdown内容容器)*/
.show{display:block;}
托普纳夫先生{
位置:固定;
排名:0;
左:0;
右:0;
宽度:100%;
背景色:#333;
溢出:隐藏;
}
.头{
字体大小:100%;
颜色:白色;
位置静态;
显示:内联块;
左:15%;
}	
.时间{绝对位置;
左:5%;
字体大小:25px;
颜色:白色;
显示:内联块;
}
正文,html{
身高:100%;
保证金:0;
填充:0;
}
.视差{
背景图片:url(“background.jpg”);
身高:100%;
背景附件:固定;
背景位置:中心;
背景重复:无重复;
背景尺寸:封面;
}
.搜索{
字体大小:200%;
颜色:白色;
位置静态;
显示:内联块;
左侧填充:2.5%;}
.search2{
字体大小:200%;
颜色:白色;
位置静态;
显示:内联块;
左:15%;
宽度:2%;
身高:2%;
顶部:1;}
.box1{
字体大小:100%;
颜色:白色;
左:0;
右:0;
宽度:100%;
背景色:#332;
溢出:隐藏;
位置固定;
利润率最高:15%;
利润底部:5%;
文本对齐:居中;
}
.box1 p{字体大小:200%;}
.页脚{
位置:静态;
底部:0;
宽度:100%;
背景色:#333;
溢出:隐藏;
利润底部:-1%;
}
}

斯特林音乐节
≡

排队 Lorem ipsum dolor sit amet,是一位杰出的献身者。非猫科动物保护区、温和的奥迪奥赛德区、毛里斯区。别再胡闹了。两人坐在一个巨大的猫科动物中间。莫比·马蒂斯在埃尼姆临时医院。Donec id posuere leo。时态,时态,时态,时态,时态,时态。在elit mollis enim Concertetur sodales和ac purus的Nunc。吊带猫、奥纳雷猫中的turpis猫、最严重的侵权者、易受厄洛斯虐待的猫、无设施猫科动物和欧盟猫科动物。无智者的权利,阿尔库的权利,最大的权利。整只猫坐在同一个位置

排队 Lorem ipsum dolor sit amet,是一位杰出的献身者。非猫科动物保护区、温和的奥迪奥赛德区、毛里斯区。别再胡闹了。两人坐在一个巨大的猫科动物中间。莫比·马蒂斯在埃尼姆临时医院。Donec id posuere leo。时态,时态,时态,时态,时态,时态。在elit mollis enim Concertetur sodales和ac purus的Nunc。吊带猫、奥纳雷猫中的turpis猫、最严重的侵权者、易受厄洛斯虐待的猫、无设施猫科动物和欧盟猫科动物。无智者的权利,阿尔库的权利,最大的权利。整只猫坐在同一个位置

排队 Lorem ipsum dolor sit amet,是一位杰出的献身者。非猫科动物保护区、温和的奥迪奥赛德区、毛里斯区。别再胡闹了。两人坐在一个巨大的猫科动物中间。莫比·马蒂斯在埃尼姆临时医院。Donec id posuere leo。时态,时态,时态,时态,时态,时态。在elit mollis enim Concertetur sodales和ac purus的Nunc。吊带猫、奥纳雷猫中的turpis猫、最严重的侵权者、易受厄洛斯虐待的猫、无设施猫科动物和欧盟猫科动物。无智者的权利,阿尔库的权利,最大的权利。整只猫坐在同一个位置

排队 Lorem ipsum dolor sit amet,是一位杰出的献身者。非猫科动物保护区、温和的奥迪奥赛德区、毛里斯区。别再胡闹了。两人坐在一个巨大的猫科动物中间。莫比·马蒂斯在埃尼姆临时医院。Donec id posuere leo。时态,时态,时态,时态,时态,时态。在elit mollis enim Concertetur sodales和ac purus的Nunc。吊带猫、奥纳雷猫中的turpis猫、最严重的侵权者、易受厄洛斯虐待的猫、无设施猫科动物和欧盟猫科动物。无智者的权利,阿尔库的权利,最大的权利。整只猫坐在同一个位置

结局 /*当用户单击按钮时, 在隐藏和显示下拉内容之间切换*/ 函数myFunction(){ document.getElementById(“myDropdown”).classList.toggle(“show”); } //如果用户在下拉列表之外单击,请关闭下拉列表 window.onclick=函数(事件){ 如果(!event.target.matches('.dropbtn')){ var dropdowns=document.getElementsByClassName(“下拉内容”); var i; 对于(i=0;i.footer {width: 100%;height:5px;} .footer, .push {height:5px;}
.footer{
position:fixed;
bottom:0;   
width:100%;
background-color: #333;
overflow: hidden;

}