如果父元素的总内容高度为 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;.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)