Html 有没有办法使方框阴影进入页面底部？

我想让我的图像#afb1的阴影进入页面底部，而不会在阴影和页面底部之间出现空白页面。这可能吗

比如当我把#afb1的高度改为500px时，它会变得更高，但我希望它连接到页面底部

html:

---

如果我理解正确，您只需要像这样的图像阴影底部

#afb1{
    float:left;
    height:100%;
    box-shadow: 1px 10px 5px -1px rgba(50, 50, 50, 0.35);
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    margin-right: 20px;
}

您需要调整这些设置框阴影：1px 10px 5px-1pxrgba（50,50,50,0.35）

它是页面的100%。问题是你的页面不是100%的窗口。加上这个

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

---

这个问题有点模棱两可。你能在油漆上敲一些东西吗？请先评论。嗨，谢谢你的回复，例如，如果我把高度从#afb1改为500px；它有正确的大小，但这是因为我上面的内容，我需要用%I做它，我认为纯CSS是不可能的，因为框阴影必须用绝对px值表示。您需要JS/JQ来计算元素到页面底部的距离，并将该值应用于CSS。您好，谢谢您的回复，我的意思是更像“高度：100%”这一部分，我希望它位于页面底部，而不是仅向下移动到图像的大小，以及是否可以看到它？100%是页面的可见区域​​当我将高度更改为：500px时，它将具有良好的大小，但我需要使用%来执行此操作，甚至作为一个选项，以便您可以尝试插入另一个高度为100%的div，并在属性框size:border box的阴影大小上添加填充；nk和set SHOW应该得到

#afb1{
    float:left;
    height:100%;
    box-shadow: 1px 10px 5px -1px rgba(50, 50, 50, 0.35);
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    margin-right: 20px;
}

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