Question

我为我的网站创建页脚，我想要左边的社交图标，中间高度，然后页脚链接到一些页面，然后是业务的地址，有点像这个网站页脚的布局，但我不能得到我的头脑如何将这段代码放在div中？

页脚高200px，950宽（居中），这个div有一个1920宽200高的footerbackground div，给它一个页面宽的背景颜色，然后我有一个200高950宽的页脚内容以上的社交图标，我想要300像素宽，70像素高？任何人都可以帮助我，所以希望我能更好地理解它，从现在开始我可以做到这一点吗？

CSS：

.footerbackground

{
background-color: #3c56a6;
height: 200px;
width: 1920px;
margin-right: auto;
margin-left: auto;
margin-top:10px 
}

.footercontent {
height: 200px;
width: 950px;
margin-right: auto;
margin-left: auto;  


}

 .bigsocialicons {
height: 70px;
width: 292px;
margin-top: 62.5px;


 }

HTML：

<div class="footerbackground">

<div class="footercontent">

<div class="bigsocialicons">

<img src="images/facebookbig.png"/>
<img src="images/twitterbig.png"/>
<img src="images/googlebig.png"/>
<img src="images/linkedinbig.png"/>

</div>


</div>

</div>




 </body>
 </html>

Answer 1

尝试这种方式：

.footerbackground
{
    background-color: #3c56a6;
    height: 200px;
    width: 1920px;
    margin-right: auto;
    margin-left: auto;
    margin-top:10px 
}

.footerbackground .footercontent {
    height: 200px;
    width: 950px;
    margin-right: auto;
    margin-left: auto;
}

.footerbackground .bigsocialicons {
    height: 70px;
    width: 292px;
    margin-top: 62.5px;
}

Answer 2

只需更改

.bigsocialicons {
height: 70px;
width: 292px;
margin-top: 62.5px;
}

到

.bigsocialicons {
height: 70px;
width: 292px;
padding-top:62.5px;
}

如果我理解正确，这就是你想要的样子。请记住调整填充顶部，因为我不知道您正在使用的图像高度。

css问题在div内定位div

2 个答案: