怎么让固定的footer居中 30
我在body里分了container和footer,container的position是relative的,然后footer的position是absolute,我的b...
我在body里分了container和footer, container的position是relative的,然后footer的position是absolute,我的body宽度是1000px,现在问题是container和body都居中了,可是footer不居中,靠左的,具体代码如下:
body{
font:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0px;
background-attachment:fixed;
background-image:url(../images/background.jpg);
background-clip: border-box;
background-origin: padding-box;
background-position: 50% 0;
background-repeat: repeat-y;
background-size: auto auto;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
text-align: center;
}
.container{
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
margin-top: 0;
width:1000px;
min-height:100%;
position:relative;
}
.footer{
clear: both;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
margin-top: 0;
padding-bottom: 10px;
padding-left: 0;
padding-right: 0;
padding-top: 0;
position: absolute;
bottom:0;
text-align:center;
}
.footer h1{
font-size:14px;
text-align:center;
}
我觉得很可能是footer的position设成absolute导致的,可是我觉得这是让footer位于页面底部的最简单方法了吧,现在就想把footer的文字居中都不行了 展开
body{
font:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0px;
background-attachment:fixed;
background-image:url(../images/background.jpg);
background-clip: border-box;
background-origin: padding-box;
background-position: 50% 0;
background-repeat: repeat-y;
background-size: auto auto;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
text-align: center;
}
.container{
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
margin-top: 0;
width:1000px;
min-height:100%;
position:relative;
}
.footer{
clear: both;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
margin-top: 0;
padding-bottom: 10px;
padding-left: 0;
padding-right: 0;
padding-top: 0;
position: absolute;
bottom:0;
text-align:center;
}
.footer h1{
font-size:14px;
text-align:center;
}
我觉得很可能是footer的position设成absolute导致的,可是我觉得这是让footer位于页面底部的最简单方法了吧,现在就想把footer的文字居中都不行了 展开
2个回答
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询