我有我的网站的形式,第3周的div。 左上角的切换盖过底部DIV每当我点击切换按钮。
我正在试图做的是点击顶部的div容器时,左下角的div容器应下移,并搬回它拨动时关闭前的位置。
我已经包括了正确的div的CSS,我不知道如果是这样的CSS afecting它旁边的两个div的位置。
切换之前
切换后
CSS的切换
#toggle-view {
list-style:none;
font-family:arial;
font-size:10px;
margin:0;
padding:0;
width:200px;
position: absolute;
}
#toggle-view li {
list-style:none;
text-decoration:none;
font-size:13px;
font-family:'lato';
padding:2px;
margin:10px;
margin-left:20px;
position:relative;
cursor:pointer;
border-radius: 5px;
}
#toggle-view li a:hover {
color: brown;
}
#toggle-view h3 {
margin:0;
font-size:13px;
color:#2a5a9a;
}
#toggle-view span {
position:absolute;
right:5px; top:0;
color:#2a5a9a;
font-size:20px;
font-weight: bolder;
}
#toggle-view p {
margin:5px 0;
display:none;
}
#toggle-view a{
padding:5px 0;
color:#35371c;
}
#toggle-view a:hover{
color:#2a5a9a;
}
CSS的LeftBox
.report{
position: absolute;
margin-top:100px;
margin-left:0;
padding-left: 20px;
}
CSS的右箱
.register-body {
height:auto;
font-size:1em;
width:710px;
position:relative;
color:#000;
border-radius:5px;
background-color:#d2d4bb;
line-height:20px;
margin:20px 0 20px 250px;
padding:15px 15px 0;
}
UPDATE
当我改变
#toggle-view {
position: absolute;
}
至
#toggle-view {
position: relative;
}
和
.report{
position: absolute;
}
至
.report{
position: relative;
}
我懂了 :
右边的框中被压在下面左下角盒。