html - 区 block 高度是个问题——我尝试了所有方法，但 :(

Question

帖子高度有问题。帮帮我..

请查看网站:http://www.mulberrydesignerkitchens.com/

<li>
<div class="thumb-img">
<a title="Hiring a Professional Designer for Your Kitchen" href="http://www.mulberrydesignerkitchens.com/hiring-a-professional-designer-for-your-kitchen/">
<img class="attachment-home-thumbnail wp-post-image" width="163" height="110" title="Oak kitchen Cupboard" alt="Oak kitchen Cupboard" src="http://www.mulberrydesignerkitchens.com/wp-content/uploads/Oakkitchen31-163x110.png">
</a>
</div>
<div class="post-text">
<h3>
<a href="http://www.mulberrydesignerkitchens.com/hiring-a-professional-designer-for-your-kitchen/">Hiring a Professional Designer for Your Kitchen</a>
</h3>
<p>
Ensuring that you hire the correct professional is far more important than vision, design or budget when it comes to having your kitchen built properly and safely.
<a class="more-link" href="http://www.mulberrydesignerkitchens.com/hiring-a-professional-designer-for-your-kitchen/#more-580">
<span class="more">[more]</span>
</a>
</p>
<div class="wpfblike" style="height: 40px; display: none;">
<fb:like class=" fb_edge_widget_with_comment fb_iframe_widget" send="false" colorscheme="light" action="like" width="400" show_faces="true" layout="default" href="http://www.mulberrydesignerkitchens.com/hiring-a-professional-designer-for-your-kitchen/">
</div>
</div>
</li>

Answer 1

在 li 中定义 border-bottom 而不是 .post-text。像这样写:

#homepage-images ul li {
    border-bottom: 1px solid #CCCCCC;
    margin-top: 20px;
    width: 560px;
    overflow:hidden;
}
.post-text {
    padding-bottom: 10px;
}