相关疑难解决方法(0)

使背景颜色延伸到溢出区域

如果父元素的总内容高度为 10,000 像素,但overflow: auto元素呈现的高度为 700aside像素,如何强制子元素动态呈现为 10,000 像素而不是默认的 700像素?当您开始滚动Fiddle 时,您可以看到白色背景。

  • 可以不添加任何更多的元素(::after::before是可以接受的,虽然)。
  • aside元素必须有它的与内容滚动main通过元素的内容#body元素(无position: fixed;)。
  • aside元件必须具有它的background-color在0像素到最底部(例如5,000px或10,000px)远离最顶部拉伸下面的初始可见的折叠。
  • aside元素不能有它自己的overflow: auto;.
  • Dynamic(对于知识较少的人)意味着我们不能设置 static height,例如height: 10000px因为我们知道渲染的高度是多少。

在我的示例中,当您开始滚动绿色background-color末端时,我想让aside元素一直延伸到内容底部。

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Overflow Flex Box Issue</title>
<style type="text/css"> …
Run Code Online (Sandbox Code Playgroud)

html css overflow flexbox

10
推荐指数
2
解决办法
1万
查看次数

标签 统计

css ×1

flexbox ×1

html ×1

overflow ×1