我有一个固定在页面顶部的页眉,当页面调整为更小的宽度时,它可以换行以创建更高的高度。
如何仅使用 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/