是否有可能使html元素包含所有内容*已解决*

时间:2019-05-06 11:08:42

标签: css

我正在开发一个网页,希望从页面顶部到底部有一个渐变,但是html并不包含所有元素。

在这一点上,我已经尝试了所有我能想到的一切,从检查是否存在未解释的浮动元素到分别在html和body上设置溢流y为自动,隐藏和scol,仅举几例

将代码编辑为工作代码。

<body><div id='main'>
    <div id="map" class="map"></div>
    <div id="events"></div>
</div></body>


html, body{
    padding: 0;
    margin: 0;
    min-height: 100%;
}

html{
    background: linear-gradient(to bottom, #EDE8B9 20%, #B7C35D);
    background: -webkit-linear-gradient(to bottom, #EDE8B9 20%, #B7C35D);
    background: -moz-linear-gradient(to bottom, #EDE8B9 20%, #B7C35D);
}

body{
    height: 100%;
}

因此,如果用户可以滚动,渐变将在原始屏幕的底部停止,然后以相同高度的间隔重复进行。

sreen print of the problem

我不知道这种方法如何或为什么起作用,但确实可以。

1 个答案:

答案 0 :(得分:1)

@{
     string @url = "http://YOUR_URL/TEST/TestID/" + Html.DisplayFor(model => model.IdNews);
    string @fb_shared_page = "https://www.facebook.com/sharer/sharer.php?u=http%3A%2f%2fYOUR_URL%2fTEST%2fTestId2f" + Html.DisplayFor(model => model.IdNews) + "&amp; src = sdkpreparse";
}

<div class="fb-share-button" data-href=" @url" data-layout="button" data-size="small">
   <a target="_blank" href="@fb_shared_page" class="fb-xfbml-parse-ignore">
      Shared
   </a>
 </div>

请对此进行测试

MDN

希望对您有帮助