Css 从Div框中剪下的Div图片

我正在修改一个网页设计，这时我发现了一个问题，自己解决不了

我将标题和文章图片编码在同一个分区中，分区底部有边框。 我的问题是：边框正好在标题后面，不能整合我的图片

看看这把小提琴，看看我的意思：

这是我的密码：

<div class="latestarticle">   
<a class="articletitle" href="#" >Guitar Hero Experts Melt Your Face Off</a> 
<div class="articlepicture">
</div> 

---

使用css

display:block

到.articletTitle

我认为您需要的是一个clearfix。如果希望父元素识别浮动元素的高度，则需要将“clearfix”div添加为浮动元素的同级

<div class="latestarticle">   
  <a class="articletitle" href="#">Guitar Hero</a> 
  <div class="articlepicture"></div>
  <div class="clearfix"></div>
</div>

---

使用

显示：内联块用于晚起。请看这里
我想知道为什么这不起作用。无论如何，这应该是可行的，添加
display:table或
显示：表格单元格到您的
.latestarticle
。它很好用。请参见

编辑

哦!！我知道这个问题正在发生，因为您已向左浮动到您的
.articlecpicture
，我希望您想做演示

我为您的
.articlepicture
div添加了
，并定义了它
显示：内联块

在你的latestarticle div上使用float:left。这应该可以做到
<div class="latestarticle">   
  <a class="articletitle" href="#">Guitar Hero</a> 
  <div class="articlepicture"></div>
  <div class="clearfix"></div>
</div>

.clearfix { clear:both; }