究竟怎样让两个div完全重合呢？我通过把两个div的style都设置成："position: absolute; left: 138; top: 300px; width: 236px; height: 2

时间：2022-07-08 05:29:25
在设计期这样设置，是一个在上面，另一个在它的底边缘的下面。
运行后，隐藏上面的div，只会在原来的位置显示下面的div（它并不上移）；隐藏下面的div，上面的div还会在原来的位置显示。

怎样做才能让两个div在运行后完全重合，当隐藏一个时，在同一个位置显示另一个显示？

4 个解决方案

#1

<html>
<head>
<SCRIPT TYPE="text/javascript">
function ShowDiv(objid){
var content=document.getElementById("content");
var divs=content.getElementsByTagName("DIV");
for(var i=0;i<divs.length;i++){
if(divs[i].id==objid){
divs[i].style.display='inline';
}
else{
divs[i].style.display='none';
}
}
}
</SCRIPT>
</head>
<body>
<div id="all">
<div id="title">
<input type="button" onclick="ShowDiv('div1');" value="ShowDiv1"/>
<input type="button" onclick="ShowDiv('div2');" value="ShowDiv1"/>
</div>
<div id="content">
<div id="div1" style="background-color:#ff0000; display:inline;">内容一</div>
<div id="div2" style="background-color:#00ff00;display:none;">内容二</div>
</div>
</div>
</body>

#2

mark

#3

收藏

#4

谢谢blackant2(乔峰)！

#1

<html>
<head>
<SCRIPT TYPE="text/javascript">
function ShowDiv(objid){
var content=document.getElementById("content");
var divs=content.getElementsByTagName("DIV");
for(var i=0;i<divs.length;i++){
if(divs[i].id==objid){
divs[i].style.display='inline';
}
else{
divs[i].style.display='none';
}
}
}
</SCRIPT>
</head>
<body>
<div id="all">
<div id="title">
<input type="button" onclick="ShowDiv('div1');" value="ShowDiv1"/>
<input type="button" onclick="ShowDiv('div2');" value="ShowDiv1"/>
</div>
<div id="content">
<div id="div1" style="background-color:#ff0000; display:inline;">内容一</div>
<div id="div2" style="background-color:#00ff00;display:none;">内容二</div>
</div>
</div>
</body>

#2

mark

#3

收藏

#4

谢谢blackant2(乔峰)！
标签：

相关文章