Css 角度材料布局行不为'；不要增加它的高度

我使用的是棱角材料，我有一个问题： 我有layout=“row”，它不会随着高内容而增加其高度。 我的代码如下：

<di layout="column">
<div layout-gt-sm="row" layout="column" layout-padding="" ng-hide="!selectedEvent">
    <div flex-gt-sm="30" layout="column" layout-padding="">

        <!-- some content goest here-->
        <!-- here is the same . when content height is going to be big the layout refuse to change its height-->

    </div>

    <div flex-gt-sm="70" layout-padding="" layout="column">
    <!-- i have a simple card here and its height is big . but this layout refuse to change its height -->
        <md-card dir="rtl" class="persian-rtl vazir-font" layout="column">
            <img ng-src="{{ selectedEvent.MainPic }}" class="md-card-image" alt="Washed Out">
            <!-- other card content goes here -->
        </md-card>
    </div>
</div>

类似的事情会发生：
它在sm和xs中是正常的 它是这样的：