html - div タグがコンテナーの高さの自動高さを取得するようにするにはどうすればよいですか?

Question

こんにちは、内部の子 div コンテンツに応じてサイズが変わる div コンテナがあります。たとえば、3 行のテキストの場合、コンテナの高さが自動的に高くなります。

コンテンツを持つ子 div タグの横に子 div があります。コンテンツの div と同じように高さが変わることを確認したいと思います。

ここに例があります

どんな種類の助けも大歓迎です

マークアップと css は次のとおりです。

<div class="announcement>
  <div class="color-blind-warning"><img src="icon-alert.png"/></div>
  <div class="content">
            <div class="titleText">Testing testing testing</div>
            <div class="expand"></div>          
            <div class="ms-clear" style="margin-bottom: 3px;"></div>
                <div class="calendar-image">&nbsp;</div>
                <div class="title-date">25 dec, kl: 05:30</div>
            <div class="ms-clear"></div>
  </div>


</div>

CSS:

.color-blind-warning{
float: left;
width: 42px;
background-color: #e6433e;
height: auto;
}

.title {  
            background-position: 7px 7px;
            padding: 5px 15px 5px 10px;
            .expand {
                display: inline-block;
                vertical-align: middle;
                background-image: url('ner.png');
                background-repeat: no-repeat;
                margin-top:5px;
                margin-right: -6px;
                width: 16px;
                height: 16px;               
                padding:0;
                float:right;
            }
            .titleText {
                display: inline-block;
                vertical-align: middle;
                width: 220px;
                font-size: 12px !important;
                margin-bottom: -7px;

            }   
            .title-date {
                display: inline-block;
                vertical-align: middle;
                font-size: 11px !important;
                margin-left: 5px;
                float:left;
                margin-bottom:5px;
            }   
            .calendar-image
            {
                height:14px;
                width:14px;
                background-image: url('icon-importantmessages.png') !important;
                float:left;
            }