html – CSS下拉div

概述我的页面上有一个div框和一个链接.我编写了简单的 javascript,在开头隐藏了div框,然后在单击链接后,该框再次出现. 问题是,当div出现时,它会向下推送内容.我希望它只是出现在他们之上.就像一个下拉菜单,但这只是一个div标签. 这是我的标记： <div class="slide-heading"><div class="slide-laws"> <a href="#" clas 我的页面上有一个div框和一个链接.我编写了简单的 javascript,在开头隐藏了div框,然后在单击链接后,该框再次出现.

问题是,当div出现时,它会向下推送内容.我希望它只是出现在他们之上.就像一个下拉菜单,但这只是一个div标签.

这是我的标记：

<div ><div > <a href="#" ><img src="/images/paragraph.jpg" alt="paragraph"></a>                <!-- THE link TOGGLES THE div BELLOW --> <div>  <a href="/clIEntarea/utils/law/ID/2832" rel="external-new-window" ><strong>124/2006 - O bezpečnosti a ochrane zdravia pri práci a o zmene a doplnení nIEktorých zákonov</strong></a><br />  <a href="/clIEntarea/utils/law/ID/2832/p/2/a/1" rel="external-new-window">§2,odsek 1</a><br />  <a href="/clIEntarea/utils/law/ID/2832/p/2/a/2" rel="external-new-window">§2,odsek 2</a><br />  <a href="/clIEntarea/utils/law/ID/2832/p/5/a/2" rel="external-new-window">§5,odsek 2</a><br /> </div></div><h3>KAPItola 1</h3><p>SlIDe A</p><div >&nbsp;</div>  </div>            <p>I DON'T WANT THIS ParaGRAPH TO BE PUSHED DOWN WHEN THE Box APPEARS.</p>

这个链接切换它下面的div：

<a href="#" ><img src="/images/paragraph.jpg" alt="paragraph"></a>

单击该链接时,该框将显示或消失.

我目前的风格：

#content div.slIDe-laws { float: right; wIDth: 30em; line-height: 1.3em; Font-size: .9em;}#content div.slIDe-laws a.toggle-slIDe-laws { float: right;}#content div.slIDe-laws div { text-align: left; float: left; margin-bottom: 4px;}

解决方法 @AvatarKava那将是一个元素的样式.我认为

#content div.slIDe-laws div{    z-index: 9999;    position: absolute;    top: 0px;    right: 0px;}

会做的.

总结

以上是内存溢出为你收集整理的html – CSS下拉div全部内容，希望文章能够帮你解决html – CSS下拉div所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。