角材料布局行不会增加其高度

Question

我正在使用棱角分明的材料，我有这个问题： 我有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>

发生这样的事情： problem happend
它是sm和xs中的okey 就像这样：okey in xs and sm