.login{
width: 360px;
height: 360px;
background: url(img/login.png) no-repeat;
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
}
不设置外边距实现动态居中
width: 360px;
height: 360px;
background: url(img/login.png) no-repeat;
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
}
不设置外边距实现动态居中
2018-01-24
又讲错了,absolute定位是找父级元素定位,没有父级找浏览器边框定位,所以就算没有设置top、left值,依旧会脱离文档与浏览器边框进行定位。
2018-01-24
老师讲得一点都没错,上面两位同学是把相对定位的原理搬出来,而作为新手,只看原理根本不懂移动的方向究竟向哪里(例如right和bottom,我第一次看还以为是向右和向下移动,而实际恰恰相反),而老师是把相对定位的结果用XY坐标展示给大家看,一目了然。我个人很喜欢老师的教授方法。
2018-01-23
关于relative,把top/right/bottom/left理解成:距离该元素在正常流中位置的上/右/下/左边的偏移量。
2018-01-23
基础向还可以;这里方便大家理解;默认情况下;关于z-index的值的比较;大值总会覆盖小值,即出现在小值的前面;【可简单记为:页面和弹出模态框的关系】;至于父子级别的zindex关系;这里有点绕;可联想【皇上的权力比宰相大,皇子的权力虽然没有宰相大;但宰相会受限于皇上的权力关系;让出本身该有的空间】
2018-01-21