0

所以我读过关于 div 被堆叠的文章，许多帖子建议使用 clear: left; 但是当我这样做时，它“向左清除”所以不起作用。

当我放置 div 和当前的 css 样式时，我留下了位于地图 div 旁边的合法 div 以及与这两组仅堆叠的版权/设计 div 相同。

代码

<div id="footer">
<div id="footerLeft"></div>
<div id="footerMap"></div>
<div id="footerLegal"></div>
<div id="footerLinkedin"></div>
<div id="footerLeftPadding"></div>
<div id="footerFacebook"></div>
<div id="footerRightPadding"></div>
<div id="footerTwitter"></div>
<div id="footerCopyright"></div>
<div id="footerDesign"></div>
<div id="footerRight"></div>
</div>

CSS 代码

#footer {
float:left;
height: 50px;
width: 1200px;
}
#footerLeft{
float:left;
height: 50px;
width: 90px;
}
#footerMap{
float:left;
height: 25px;
width: 366px;
}
#footerLegal{
float:left;
height: 25px;
width: 366px;
}
#footerLinkedin{
float:left;
height: 50px;
width: 48px;
background-image:url(images/footer/web_page_footer_03.png);
background-repeat:no-repeat;
}
#footerLeftPadding{
float:left;
height: 50px;
width: 22px;
}
#footerFacebook{
float:left;
height: 50px;
width: 48px;
background-image:url(images/footer/web_page_footer_05.png);
background-repeat:no-repeat;
}
#footerRightPadding{
float:left;
height: 50px;
width: 22px;
}
#footerTwitter{
float:left;
height: 50px;
width: 48px;
background-image:url(images/footer/web_page_footer_07.png);
background-repeat:no-repeat;
}
#footerCopyright{
float:left;
height: 25px;
width: 366px;
background-image:url(images/footer/web_page_footer_08.png);
background-repeat:no-repeat;
}
#footerDesign{
float:left;
height: 25px;
width: 366px;
background-image:url(images/footer/web_page_footer_10.png);
background-repeat:no-repeat;
}
#footerRight{
float:left;
height: 50px;
width: 90px;
background-image:url(images/footer/web_page_footer_09.png);
background-repeat:no-repeat;
}
4

0 回答 0