在div中放置div时出现css问题

Question

我正在为我的网站创建页脚，我想在左侧，中间高度显示社交图标，然后在页脚链接到某些页面，然后浏览业务地址，就像该网站页脚的布局一样，但是我无法理解这段代码如何在div中放在一起？

页脚高度为200像素，宽为950（居中），此div在1920宽和200高的后方有一个footerbackground div，以使其具有页面宽的背景色，那么我对上述所有内容的footercontent均为200高950宽要进入，我想要300像素宽x 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;
}

如果我理解正确，这就是您想要的样子。 请记住要调整padding-top，因为我不知道您使用的图像高度。