css - 尽可能在响应式设计中使用固定元素,仅使用 css

标签 css responsive-design fixed

这更多是逻辑问题而不是技术问题。

我有一个设计,我的页眉一直固定在顶部,页脚也是如此,但是里面的元素有百分比宽度,所以页眉的大小会随着窗口的变化而改变。

但是,由于页眉始终固定定位,下面的内容被它覆盖,而且由于我不知道页眉的高度,我不知道我必须向内容添加多少填充顶部,所以它不会被标题覆盖。

你说呢?

最佳答案

如果height自动变高,就需要js来控制,取固定div的height,动态更新top margin/padding。无论如何,如果我们能看到您当前拥有的示例,那就太好了

关于css - 尽可能在响应式设计中使用固定元素,仅使用 css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23773932/

相关文章:

javascript - 使用jquery为某些单词添加下划线

html - 如何在圆形边框内放置方形 HTML 图像?

javascript - 导航链接不起作用

css - 光标在移动站点中向下移动 - 奇怪的问题可能是苹果键盘的问题

在相对父 div 中固定定位的 div

html - 如何在 Django 中使用 CSS block 内容组织 HTML

javascript - 无法识别或风格化 d3 中的拉丝(即选定)元素

html - 图片不适应手机屏幕

android - 滚动时 android 上 chrome 中的固定位置元素抖动

html - 页脚按钮固定了吗?