Html '；绝对值'；容器适合无宽度/高度CSS规则的视口
我找到了这个页面： 下面有一个固定的标题和一个div，可以延伸到视口，而不定义宽度或高度。它允许y轴上的内容溢出，并在必要时应用滚动条（框滚动，无视口滚动条）。HTML非常简单：Html '；绝对值'；容器适合无宽度/高度CSS规则的视口,html,css,absolute,Html,Css,Absolute,我找到了这个页面： 下面有一个固定的标题和一个div，可以延伸到视口，而不定义宽度或高度。它允许y轴上的内容溢出，并在必要时应用滚动条（框滚动，无视口滚动条）。HTML非常简单： <header> ... </header> <div id="main" role="main"> ... </div> 禁用所有JS并删除firebug中的大部分页面元素后，bare#main元素的行为仍与以前一样 这里使用了什么技术，在哪里定义了创建#主容器的这
<header> ... </header>
<div id="main" role="main"> ... </div>
这里使用了什么技术，在哪里定义了创建#主容器的这种行为？以下是一些CSS基础知识<代码>底部：0就是这么说的。将元素底部粘贴到距离视口底部0像素的位置<代码>左：0和<代码>右侧：0执行基本相同的操作<代码>溢出-y：滚动表示允许在垂直方向上滚动溢出的内容，并且
位置：绝对表示从页面流中取出此元素，并将其附加到页面的一个位置<代码>顶部：89px通过将此元素定位在距离视口顶部89像素的位置，为标题提供空间 在你发布的CSS中，它的描述相当清楚。你不明白这些语句是做什么的吗？你具体谈论的是什么行为？关于位置：绝对
与overflow-y一起使用：滚动？我忽略了一个事实，即您可以通过指定容器的位置（顶部、底部、左侧和右侧）来定义容器的宽度。现在很清楚了。谢谢你，现在很明显，但我一开始没注意到。我忙着找宽度：100%；：）
#main {
bottom: 0;
left: 0;
overflow-y: scroll;
position: absolute;
right: 0;
top: 89px;
}