css点击控制另一个div显示，css如何点击跳转到其他页面

怎样用CSS设计实现div相对另外一个div进行定位

1、新建一个html文件，命名为test.html，用于讲解如何将一个DIV相对于另外一个DIV进行绝对定位。2/7 在test.html文件内，使用div创建一个模块，并设置其id为aa，主要用于下面通过该id使用css样式进行设置。

2、● 使用 DIV 标签 (div) 当我们使用 CSS-P 的时候， 我们主要把它用在 DIV(division)tag 上。当你把文字，图象，或其他的放在 DIV 中，它可称作为“DIV block”，或“DIV element”或“CSS-layer”，或干脆叫“layer”。

3、有几个方法：一种：div1设置为position：relative，div2设置为position：absolute，此时的div2就相对于div1进行基准定位了。。因为绝对定位position：absolute，不在标准流中，所以内联元素不知到他的位置，会跑到他的下面去。

4、absolute：绝对定位的元素的位置相对于最近的已定位父元素，如果元素没有已定位的父元素，那么它的位置相对于html：sticky：ticky 英文字面意思是粘，粘贴，所以可以把它称之为粘性定位。

5、我也在找怎么实现div3相对div1进行定位，之前我自己做了一个容器，让每个div3显示在div1正右边同一个位置，思路是：每个div2和div3里面的内容都写成静态代码。设置div3相对于div2进行独立定位position：absolute。

相关问答

Q1: js点击一个div控制另一个div内容的显示与隐藏同时小图标也要切换状态...

1、//简单来说就是通过设置按钮的onclick事件来控制div的显示和隐藏。

2、方法二隐藏后 页面的位置不被占用 类似于.net验证控件的Display=Dynamic js代码如下，新建一个txt文件，复制进去，保存并修改文件后缀为js（例open.js）即可。

3、利用来JS控制页面控件显示和隐藏有两种方法，两种方法分别利用HTML的style中的两个属性，两种方法的不同之处在于控件隐藏后是否还在页面上占空位。

Q2: 怎么使鼠标滑过一个div,另外一个div显示出来

首先给鼠标经过的DIV添加一个类，类名为submeau。其次给隐藏的DIV，添加一个ID，ID名为id=“oa_submeau”。

给鼠标经过的DIV添加一个类 ，类名为submeau；如下图：给显示或者隐藏的DIV，添加一个ID，ID名为：id=oa_submeau，如下图：将以下的JQUERY代码放在整个网页的最底部，用于控制鼠标经过显示DIV，离开隐藏DIV。

一个父div，里面嵌一个子div。开始的时候将子div隐藏，即：子div.syle.display=none；在父div添加onmouseover事件处理，将子div.style.display改成block。

div{width：100px；height：100px；} div：hover{width：200px；height：100px；}如果你是想把class=xxx这个样式名换掉的话，那就需要通过JS来做了。

首先从代码上来讲，你最后的样式写法有错误，应该是#sec：hover #third{}这样才对。其次如果是用css来实施，#third必须是#sec的子孙元素，要不然是不能够成功的。你看最后一个的写法就代表了#third必然是#sec的子孙元素。

Q3: ...一个div内容显示,点击另一个事件,同一个div显示内容

通过document.getElementById只能获取第一个id为给定参数的节点，不会获取多个，所以你还得换个方式获取所有有需要的节点。

script function foo() { //找到 ID为2 的DIV //设置它的innerHTML=iframe src=/iframe//上面的SRC 为你第一个DIV中的连接地址即可。

为button按钮添加一个点击后隐藏事件。点击button按钮后，把隐藏的div的display修改为block，这样点击后div就会显示了。保存好html后使用浏览器打开，点击button按钮就会发现隐藏的div就会显示出来了。

思路，定义一个类on 里面属性是transform：rotete(-45deg)；当点击a的时候判断b是否有on这个类 如果有移除 如果没有添加。

Q4: 如何点击一个按钮把一个div的内容显示出来

//简单来说就是通过设置按钮的onclick事件来控制div的显示和隐藏。

首先，打开html编辑器，新建一个html文件，例如：index.html。

基本思想是：触发div的hide()和show()函数。

getElementsByClassName原生js没有这个用法，你可以自己写函数，或者直接用jQuery多省事。

为button按钮添加一个点击后隐藏事件。点击button按钮后，把隐藏的div的display修改为block，这样点击后div就会显示了。保存好html后使用浏览器打开，点击button按钮就会发现隐藏的div就会显示出来了。

在event函数中，定义一个内容为degreediv字符的字符串变量。然后使用jquery的append将已知的div字符串添加到c2div，如下所示。运行页面，现在只看到一个div，如下图所示。

Q5: 点击图片显示div,再点击相同图片时出现另一个div

1、从截图来看，应该是img2这个变量不是一个domNode，通过imgparentNode得到的结果是`undefined`，在执行imgparengNode.appendChild的时候就变成了undefined.appendChild，而方法不存在就报错了。

2、用js来做，首先设置2个隐藏的div，当电议某一个文字的时候用js促发某个div显示，并关闭原来显示的div。

3、none隐藏起来，然后图片调用onclik方法，即在img标签上写img onclick=$(.div).show()；这样就可以了。注意：$(.div)中间的.div就是你要出现的那个盒子，选择他的class，或者给他个id，表示选择TA。

4、script function foo() { //找到 ID为2 的DIV //设置它的innerHTML=iframe src=/iframe//上面的SRC 为你第一个DIV中的连接地址即可。

5、思路，定义一个类on 里面属性是transform：rotete(-45deg)；当点击a的时候判断b是否有on这个类 如果有移除 如果没有添加。

css点击控制另一个div显示的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于css如何点击跳转到其他页面、css点击控制另一个div显示的信息别忘了在本站进行查找喔。