Html 如何将大型页脚div放置在小型主容器div下面
我有宽度为1000px的标题和主容器div,它们是相对定位的。下面我需要一个宽度为1300px的页脚,但是如果我相对定位它,它会变成1000px,如果我固定它,它不会在主容器的正下方居中。希望你能得到我的Q。 代码详情如下:Html 如何将大型页脚div放置在小型主容器div下面,html,css,header,containers,footer,Html,Css,Header,Containers,Footer,我有宽度为1000px的标题和主容器div,它们是相对定位的。下面我需要一个宽度为1300px的页脚,但是如果我相对定位它,它会变成1000px,如果我固定它,它不会在主容器的正下方居中。希望你能得到我的Q。 代码详情如下: .main-header { position: relative; margin: 0 auto; width: 100%; z-index: 99; max-width: 1000px; float: none;
.main-header {
position: relative;
margin: 0 auto;
width: 100%;
z-index: 99;
max-width: 1000px;
float: none;
display: block;
min-height:145px;
border-bottom:none;
}
.main-container {
width: 1000px;
margin: 0 auto;
overflow: hidden;
padding: 0;
background: #fff;
position: relative;
box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.17);
}
.copyrights {
float:left;
width:1300px;
height:285px;
clear: both;
background: #7e8285;
padding: 0 0 0 0;
margin-top: 0px;
margin-left:auto;
margin-right:auto;
color: #d3d4d6;
font-size: 14px;
text-transform:capitalize;
position: relative;
border-top:none;
z-index:1;
}
/版权是为页脚区域定义的类/
我想要页眉,主容器的宽度为1000px,页脚的宽度为1300px。尝试将您的身体样式定义为1300px。这听起来是个问题。我刚刚编写了代码,它对我来说非常适合
body {
width: 1300px;
}
.main-header {
position: relative;
margin: 0 auto;
width: 100%;
max-width: 1000px;
float: none;
display: block;
min-height: 145px;
border-bottom: none;
background-color: #F70B0F;
}
.main-container {
width: 1000px;
margin: 0 auto;
overflow: hidden;
padding: 0;
background-color: #1532B5;
position: relative;
box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.17);
}
.copyrights {
float: left;
width: 1300px;
height: 285px;
clear: both;
background-color: #ACD2EF;
padding: 0 0 0 0;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
color: #d3d4d6;
font-size: 14px;
text-transform: capitalize;
position: relative;
}
请把所有相关的代码贴到你的问题上。我甚至不知道你问的是什么,你想要的行为是什么。事实上,这是wordpress主题中的一个样式表代码。在彻底研究之后,我发现主容器是一个包装器类,其中有页眉和页脚。但主要问题是主容器的宽度最初定义为1000px,因为页脚是主容器的一部分,所以无法在1000px宽的主容器中添加1300px宽的页脚。这正是我需要的。我就是这么想的。所以,你只是像我建议的那样增加了容器的宽度以允许更大的页脚?很高兴你明白了。你能给我加一个答案吗?这样我就能提高我的声誉了?