小编Shy*_*aha的帖子

CSS Flexbox 或 CSS Grid 用于页眉、粘性页脚和垂直对齐的中间内容?

我有一个要求,我们有页眉、中间部分和页脚。

页眉和页脚的高度可以或多或少取决于不同的屏幕尺寸和其中的内容。

如果页面不包含滚动,则页脚将位于屏幕末尾,如果小屏幕发生滚动,则页脚不应与中间内容重叠。典型的贴纸页脚行为。

中间部分包含两列。并且每列内容应垂直居中对齐。

请参考下面的截图以供参考

注意:我可以使用普通的粘性页脚和CALC来调整主要内容的高度,但它不会是动态的。我不想使用 javascript 来完成有关 DOMContentLoaded 和窗口大小调整的所有数学运算。

在此输入图像描述

html css grid flexbox

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

css选择器〜,+,>做什么?

CSS选择器〜,+和>做什么?

我已多次看过这些选择器,但目前尚不清楚它们之间的主要区别是什么.有人可以解释这些符号之间的区别吗?什么时候应该使用这些符号?

css

-1
推荐指数
1
解决办法
750
查看次数

标签 统计

css ×2

flexbox ×1

grid ×1

html ×1