Assuming by "fixed" you mean position:fixed
, I don't think it's possible in pure CSS, as position:fixed
takes the element out of the document flow.
However, it should just take a line or two of JavaScript to get what you want. Something like this (untested, only for example purposes, will need syntax tweaked to actually work):
var height = document.getElementById("head").offsetHeight;
document.getElementById("content").style.marginTop = height + 'px';
Something like that should get you the rendered height of the fixed <div>
and set the content <div>
's margin accordingly. You'll also need to explicitly set a background color on the fixed <div>
, otherwise the content will appear to bleed into the fixed one when scrolling.
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…