<分区>
我很抱歉这个“菜鸟”问题,但这让我发疯了......
<div id="footer">
<div id="footer_wrapper">
<div id="project_wrapper">
<div class="footer_image_div project 1">
<p>Axance</p>
<img src="/axance/img/upload/small/1336465127.jpg" class="footer_image" alt="" />
<div class="info_div">
<a href="/axance/projects/view/3">Lees meer...</a>
</div>
</div>
<div class="footer_image_div project 2">
<p>Axance</p>
<img src="/axance/img/upload/small/1336465159.jpg" class="footer_image" alt="" />
<div class="info_div">
<a href="/axance/projects/view/4">Lees meer...</a>
</div>
</div>
<div class="footer_image_div project 3">
<p>Dit is een test</p>
<img src="/axance/img/upload/small/1336481215.png" class="footer_image" alt="" />
<div class="info_div">
<a href="/axance/projects/view/5">Lees meer...</a>
</div>
</div>
<div class="footer_image_div project 4">
<p>Test project</p>
<img src="/axance/img/upload/small/1336564574.jpg" class="footer_image" alt="" />
<div class="info_div">
<a href="/axance/projects/view/6">Lees meer...</a>
</div>
</div>
</div>
</div>
</div>
</div>
这是样式表:
#footer_wrapper {
margin-bottom:auto;
margin-left:auto;
margin-right:auto;
margin-top:auto;
width:1000px;
}
#footer_wrapper {
margin-bottom:auto;
margin-left:auto;
margin-right:auto;
margin-top:auto;
width:1000px;
}
.project {
height:220px;
width:270px;
}
style.css (line 105)
.footer_image_div {
float:left;
padding-left:21.66666666666667px;
padding-right:21.66666666666667px;
}
现在我想要的是所有 4 个 DIVS 都在 project_wrapper
中(在线)并且只显示 3 个,另一个隐藏在 div 之外。
我该如何管理?
对于菜鸟问题和冗长的信息,我再次感到抱歉。