http://jsfiddle.net/ETkkR/

<div id="Blog1">
    <div class="post">
    <img src="http://dummyimage.com/180x120/000/fff" alt="Image 1" title="This is my first image"/>
        <div class="post-info">
            <span>post title post title post title</span>
        </div>
    </div>
    <div class="post">
    <img src="http://dummyimage.com/175x104/f0f/fff" alt="Image 2" title="The second one is pretty"/>
                <div class="post-info">
            <span>post title post title post title</span>
        </div>
    </div>        
</div>​

Die div.post-info passt in einigen Fällen (Bilder mit einer Breite, die größer ist als der Inhalt der div.post-info) zum div.post-parent. Manchmal ist die Breite der div.post-info jedoch größer und hat einen Einfluss auf die übergeordnete div. poste, indem du die Größe änderst. Wie kann ich die div.post-info an die Breite der div.parent anpassen und nicht die Größe ändern, wenn es größer ist.

Mein CSS

#Blog1{
    padding:10px;
}
#Blog1 .post{
    border:1px solid #000000;
    margin:3px;
    text-align:center;
    position: relative;
    display: inline-block;
    *display: inline;
    zoom: 1
}
.post img{
    height:100px;
}
.post .post-info{
    text-align:left;
}
.post .post-info span{
    word-wrap:break-word;
}​

Bearbeiten

SIE KÖNNEN DIE ELEMENTE ÄNDERN, WÄHREND DER INHALT GLEICH BLEIBT, UM EINE LÖSUNG ZU ERSTELLEN Die Leute geben immer wieder Lösungen an, die nicht für das geeignet sind, wonach ich frage ... Ich brauche nur, dass das untergeordnete div .post-info nicht breiter ist als das übergeordnete div .post