在我的索引页面中，我使用了文章摘录旁边的特色图片。

    .alignleft {
        display: inline;
        float: left;
        margin-right: 1.5em;}
   .wp-post-image {
        margin-left: 1em;
        width: 120px;
        height: 90px;}

虽然它包含在文章中（.hentry）

    <article id="post-1727" class="post-1727 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized">

<header class="entry-header">
            <h2 class="entry-title"><a href="http://localhost/wordpress/2015/10/08/image-on-post/" rel="bookmark">Image on post</a></h2>
        </header><!-- .entry-header -->

                <a href="http://xxx" title="Image on post" class="alignleft">
                <img src="http://xxx" class="attachment-post-thumbnail wp-post-image" alt="dsc20040724_152504_532" height="480" width="640">        </a>
        <!-- post thumbnail -->

        <div class="entry-summary">
            <p> text here</p>

                </div><!-- .entry-content -->

    .hentry {
        margin: 0px 0px 0.5em;
        padding: 5px 0px 0em 0.4em;
        border-bottom: 1px solid #ccc;}

我无法阻止它离开物品边界。我试图调整利润率，但没有多大帮助。我怎样才能防止图像脱离物品区域？

PS：我知道这可以被认为是一个一般的css问题。我在这里问这个问题是因为它与wordpress的特色图像功能有关。

.hentry {
    margin: 0px 0px 0.5em;
    padding: 5px 0px 0em 0.4em;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
 }