html - 未知高度的 CSS 固定标题

标签 html css layout

我有一个固定在页面顶部的页眉,当页面调整为更小的宽度时,它可以换行以创建更高的高度。

如何仅使用 CSS 使页面内容 (#wrapper) 始终从页眉底部开始?

<body>
 <header>
  This fixed content will wrap on small devices.
 </header>
 <div id="wrapper">
  This content should always begin immediately below the header.
 </div>
<body>

最佳答案

因为您只想使用 CSS,所以您可以在 #wrapper div 上设置 padding-top,这样它将内容移动到标题底部下方。然后调整媒体查询中每个屏幕尺寸的 padding-top 尺寸。

关于html - 未知高度的 CSS 固定标题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26163818/

相关文章:

具有自定义布局的 Android 图形布局编辑器黑色主窗口

html - 将div平分并居中

javascript - 单击 meteor 更改 css 背景颜色

javascript - 从图像中删除放大镜

html - 如何使 xs 设备的侧边栏水平

android - 如何将 ScrollView 放到多个线性布局中?

javascript - 在浏览器历史记录中导航时,从最新页面返回多少步?

jquery - 带有(html)页面的jquery中的addClass问题

javascript - 如何检测动态添加的 css 类

java - GridBag布局和绘图