您好我有以下AngularJS网格:
<md-grid-list md-cols-xs="1" md-cols-sm="2" md-cols-md="4" md-cols-gt-md="6" md-row-height-gt-md="1:1" md-row-height="2:2" md-gutter="12px" md-gutter-gt-sm="8px">
<md-grid-tile class="gray" md-rowspan="2" md-colspan="2" md-colspan-sm="1">
<div class="blog-tile-bg" style="background-image:url('https://1.bp.blogspot.com/-B6IEBKet9Qc/VuBROoZ8y-I/AAAAAAAABDU/ez8KKA7c6UM/s1600/12671652_1253577308004984_1098070077500218081_o.jpg')">
</div>
<md-grid-tile-footer>
<h3>#1: (3r x 2c)</h3>
</md-grid-tile-footer>
</md-grid-tile>
</md-grid-list>
现在您可以看到我的div
类为blog-tile-bg
,此元素设置为100% width
和height
,因此它涵盖整个图块。< / p>
现在我遇到的问题是我的md-grid-tile-footer
元素默认使用绝对定位覆盖blog-tile-bg
但是我希望它在此元素下方堆叠,并根据内容中的内容缩放它
我没有在任何地方看到过此示例,我看到的每个示例都包含应用了绝对定位的md-grid-tile-footer
元素,例如:https://material.angularjs.org/latest/demo/gridList
我已尝试删除绝对定位,但它没有按照应有的方式做出反应。
任何帮助都会很棒,谢谢Nick