Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
HTML、CSS:具有固定页脚的可滚动表格_Html_Css - Fatal编程技术网

HTML、CSS:具有固定页脚的可滚动表格

HTML、CSS:具有固定页脚的可滚动表格,html,css,Html,Css,我有一个很长的表格,我不想完整显示,因为只有在向下滚动很长时间后,才会显示它下面的页脚和其他元素 如何分配页眉、页脚和其他元素,然后让表格填充剩余高度 现在我正在使用flexbox将可用空间分配给表包装器,但是表内容会显示为完整长度,页脚会向下推 我还尝试嵌套一个溢出:auto进入溢出:隐藏但是它根本不可滚动 提前感谢。您必须将页脚元素的css规范设置为位置:固定如果您想固定标题,请将标题css规范也设置为位置:固定您必须将页脚元素的css规范设置为位置:固定如果您想固定标题,请将标题css规范

我有一个很长的表格,我不想完整显示,因为只有在向下滚动很长时间后,才会显示它下面的页脚和其他元素

如何分配页眉、页脚和其他元素,然后让表格填充剩余高度

现在我正在使用flexbox将可用空间分配给表包装器,但是表内容会显示为完整长度,页脚会向下推

我还尝试嵌套一个
溢出:auto进入
溢出:隐藏但是它根本不可滚动


提前感谢。

您必须将页脚元素的css规范设置为
位置:固定如果您想固定标题,请将标题css规范也设置为
位置:固定

您必须将页脚元素的css规范设置为
位置:固定如果您想固定标题,请将标题css规范也设置为
位置:固定

只需在你的页脚css中使用位置:固定的,如果你想要滚动,那么使用css溢出:滚动如果要在页面中隐藏滚动条,请使用溢出:隐藏

只需在你的页脚css中使用位置:固定,如果你想要滚动,那么使用css溢出:滚动如果要在页面中隐藏滚动条,请使用溢出:隐藏您看过指南吗

只需将
footer{position:fixed}
与其他样式代码一起用于CSS中的页脚

具有
位置的元素:固定相对于
视口,这意味着即使
页面被滚动。将使用“顶部”、“右侧”、“底部”和“左侧”属性
来定位元素。一个固定的元素不会在图形中留下间隙
它通常位于的页面。
(如W3学校所述)

希望您能找到解决方案。

您看过指南了吗

只需将
footer{position:fixed}
与其他样式代码一起用于CSS中的页脚

具有
位置的元素:固定相对于
视口,这意味着即使
页面被滚动。将使用“顶部”、“右侧”、“底部”和“左侧”属性
来定位元素。一个固定的元素不会在图形中留下间隙
它通常位于的页面。
(如W3学校所述)


希望您能找到解决方案。

对于页脚尝试==>位置:已修复;张贴你已经尝试过的代码…请考虑为页脚尝试= = >位置:固定;张贴您尝试的代码…请考虑发布