在响应性设计中使用固定元素,如果可能,仅使用css

在响应性设计中使用固定元素,如果可能,仅使用css,css,responsive-design,fixed,Css,Responsive Design,Fixed,这与其说是技术问题,不如说是逻辑问题 我有一个设计,我的页眉一直固定在顶部,页脚也是如此,但是里面的元素有百分比宽度,所以页眉的大小会随着窗口的变化而变化 但是,由于标题总是固定的,下面的内容被它覆盖,而且我不知道标题的高度,我不知道我必须向内容添加多少填充顶部,这样它就不会被标题覆盖 你说呢?如果高度自动变化,你需要js来控制它,获取固定div的高度并自动更新上边距/填充。无论如何,如果我们能看到您当前拥有的内容的示例,那就太好了。您还应该将内容的填充/边距顶部设置为%,这等于您设置为页眉高度

这与其说是技术问题,不如说是逻辑问题

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

但是,由于标题总是固定的,下面的内容被它覆盖,而且我不知道标题的高度,我不知道我必须向内容添加多少填充顶部,这样它就不会被标题覆盖


你说呢?

如果高度自动变化,你需要js来控制它,获取固定div的高度并自动更新上边距/填充。无论如何,如果我们能看到您当前拥有的内容的示例,那就太好了。

您还应该将内容的填充/边距顶部设置为%,这等于您设置为页眉高度的百分比。@Froint否,问题是页眉没有定义的高度,它取决于内部元素。