当前位置：首页 - 正文

css固定位置,如图怎么弄当1隐藏后,2依然保持它的位置不变(正常情况下2...

发布网友发布时间：2022-04-29 19:15

共6个回答

热心网友时间：2022-04-22 07:02

<div class="panel1">
<div class="inside show">
  <p>规则<br />
     1.点击【开始】......<br />
     2.请在输入框.....<br />
     3.这是系统......
  </p>
</div>
</div>
<div class="panel2">
<p>请点击【开始】按钮开始游戏：<input type="button" value="开始" class="start" /></p>
<p>请在输入框输入您的估计价格：<input type="text" /><input type="button" value="确定" /></p>
</div>

/* CSS代码 */
.panel1{
float:left;
width:100%; /* 或者一个实际的像素，如1000px */
height:100px; /* 实际高度，不要auto */
overflow:hidden; /* 可选 */
}
.panel1 .inside{overflow:hidden;}
.panel2{
float:left;
text-align:right;
}
.show{display:block;}
.hide{display:none;}

/* 不清楚你是否使用jquery或者其他js库或者纯javascript，这里提供jquery方法 */
$(document).ready(function(e){
$('.start').click(function(){
$('.panel1 .inside').addClass('hide');
});
});

不清楚欢迎追问。

热心网友时间：2022-04-22 08:20

1外部被一个DIV包含，高度固定，点击的时候只隐藏1，但是被包含的DIV还在，所以2依然在原来的位置。

热心网友时间：2022-04-22 09:55

你设置1隐藏不要设置dispaly：none；设成visibility:hidden，效果是一样的，只不过后者保留位置

热心网友时间：2022-04-22 11:46

标号和后面的文字可以用两个lable来表示，这两个lable放在同一个div就可以控制同时显隐。
1、点开始，1那个div隐藏
2、在文本框设一个失去焦点事件，如果文本为空，显示2，同时用lable显示，把2改为1
3、确定设一个onclick事件，控制3，同步骤2

热心网友时间：2022-04-22 13:54

可以用position:absolute固定他的位置;也可以给1另上visibility:hidden属性
visibility: hidden----将元素隐藏，但是在网页中该占的位置还是占着。
display: none----将元素的显示设为无，不占任何的位置。

热心网友时间：2022-04-22 16:19

#1 { position:relative; visibility:hidden;}

声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。
E-MAIL:11247931@qq.com