Css Div不包括图像属性

我有两个问题，但在第一个问题得到纠正之前，第二个问题无法解决。该页面的外观和工作符合预期，但当我开始工作并开始工作时，它似乎已被破坏。我在两个位置使用相同的浏览器

问题是div的背景设置为auto，就像我在同一页上的所有其他div一样，但由于某种原因，最后一个div没有延伸到图像的底部。

.items img{
浮动：左；将
溢出：自动添加到items类

.items {
    margin: 20px;
    height: auto;
    width: 910px;
    background-color: rgba(0, 0, 0, .7);
    padding: 10px;  
    z-index: 1;
    overflow: auto;
}

一种解决方案可以是添加一个空的
div
和
clear:two

HTML:

给你。将此代码保存为代码片段，以备将来开发之用。如果父容器中包含浮动的child，则只需将class.clearfix添加到父容器中即可：）

我怎么会错过呢？谢谢！还有，当你说清除我的浮动时，你的意思是同时使用和设置清除吗？
.items {
    margin: 20px;
    height: auto;
    width: 910px;
    background-color: rgba(0, 0, 0, .7);
    padding: 10px;  
    z-index: 1;
}
.items img {
    float: left;
    margin-right: 10px;
    float: right;
    border-radius: 6px;
    width: auto;
    padding: 8px;
    background-color: #FFFFFF;
}
.items p {
    font-family: 'PT Sans';
    font-size: 16px;    
}
.items a {
    color: #FFFFFF;
    text-decoration: none;      
}

.items img {
    float: left;   <---- ???
    margin-right: 10px;
    float: right;   <---- ???
    border-radius: 6px;
    width: auto;
    padding: 8px;
    background-color: #FFFFFF;
}

.items {
    margin: 20px;
    height: auto;
    width: 910px;
    background-color: rgba(0, 0, 0, .7);
    padding: 10px;  
    z-index: 1;
    overflow: auto;
}

<div class="items">
    ...    
    <div class="clear"></div>
</div>

.clear {
    clear: both;
}

.clearfix{*zoom:1;}
.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}
.clearfix:after{clear:both;}