基本上我的布局是这样的:
<div id="header">
<div id="elementAbsolute">
<div id="headerElement1">
<div id="headerElement2">
</div>
<div id="content">
etc etc
我的问题是页面上的div id “elementAbsolute”可能会随机打开或关闭。我对此无法控制。当它打开时,它需要出现在标题下但在内容之前。由于它是绝对定位的,所以它只出现在内容上方。它显然不会在自己上面或下面创建任何垂直空格。
在这个特定的模板中,必须在标记中调用该元素。它不能被移动。是否有一种方法,可能通过javascript,来说如果“elementAbsolute”被打开并且存在于“header” div中,则将其移动到头部和内容div之间并创建一些空白?
还要记住,该模板用于多个站点,因此只有在“header”中存在“elementAbsolute”时才能添加空格。
我想到了使用jQuery after()函数在它之前和之后放置一个空的div来创建该空间,但是我的问题是如果页面上没有“elementAbsolute”,那么我只想让这个函数运行,否则我将有空格存在。
感谢任何帮助!