页面之间的css高度不同

我想在我的应用程序的页面中使用md-card。我的主页也有一个md-autocomplete。我必须更改angular-material.css才能在我的主页中完美显示自动完成显示。页面之间的css高度不同

但在我的产品页面，在这里我用md-card，不能正确显示。

这是使产品页面显示不正确的CSS：

body, 
html { 
    height: 100%; ----> This makes the page incorrect. 
    position: relative 
}

卸下高度时，其他页面不正确，但在产品页面正确。因此，我需要我的其他页面中的height属性正确显示它们。

下面是MD-卡代码：

<div class="container "> 
    <!-- <div style="margin-top: 5%" flex-sm flex-gt-sm="100" ng-repeat="review in reviews"> --> 
    <div style="margin-top: 5%" ng-repeat="review in reviews"> 
    <md-card ng-repeat="review in reviews" md-theme="dark-grey" md-theme-watch> 
     <md-card-title> 
     <md-card-title-text> 
      <span class="md-headline">Too Good</span> 
      <span class="md-subhead">username</span> 
     </md-card-title-text> 
     <md-card-title-media> 
      <div class="md-media-sm card-media"> 
      <img ng-src="{{review 
    .imgurl}}" alt=""> 
      </div> 
     </md-card-title-media> 
     </md-card-title> 
     <md-card-content class="col-md-11"> 
     <hm-read-more hm-text="{{text}}" hm-limit="100" hm-more-text="read more" hm-less-text="read less" hm-dots-class="dots" hm-link-class="links"> 
     </hm-read-more> 
     </md-card-content> 
     <md-card-actions layout="row" layout-align="end center"> 
     <md-button>Like</md-button> 
     <md-button>Dislike</md-button> 
     </md-card-actions> 
    </md-card> 
    </div> 
</div>

我的申请网址：Home page

产品页面：Product page

请帮我解决这个问题的CSS。

来源

2016-11-30 v1shnu

给背景颜色为HTML或删除height: 100%;身体。没有必要指定min-height。

html { 
    background: #A6333D; 
}

来源

2016-11-30 05:39:37

是的，这工作。谢谢：） – v1shnu

body, html { 
    height: auto; 
    min-height: 100vh !important; 
}

这将这样的伎俩:)

来源

2016-11-30 05:37:26 Ishara

本作的产品页面右侧。但其他网页弄乱了。 – v1shnu

当您只需将最小高度：100vh添加到您的页面时，样式会被覆盖。使用！重要，而不是像在更新的答案中。 – Ishara

页面之间的css高度不同

回答

相关问题