Question

     h1, p { position: absolute; left: -9999px; }

     div {position: relative;}

 #wrapper { background: #bedfe4 url(../images/sun.png) no-repeat left -30px; border: 5px    solid #402309;}

 #cloud-01 { background: url(../images/clouds-01.png) no-repeat left -100px; }                                                         

#cloud-02 { background: url(../images/clouds-02.png) no-repeat left top; }

#mountains-03 { background: url(../images/mountain-03.png) no-repeat left bottom; }

 #ground { background: url(../images/ground-05.png) no-repeat left bottom; }

#full-robot { width: 271px; }

 #branding {
background: url(../images/robot-head.png) no-repeat center top;
width: 271px;
height: 253px;
z-index: 4;
}

#content {
background: url(../images/robot-torso.png) no-repeat center top;
width: 271px;
height: 164px;
z-index: 3;
margin-top: -65px;
}

  #sec-content {
background: url(../images/robot-hips.png) no-repeat center top;
width: 271px;
height: 124px;
z-index: 2;
margin-top: -90px;
}

  #footer {
background: url('../images/robot-legs.png') no-repeat center top;
width: 271px;
height: 244px;
z-index: 1;
margin-top: -90px;
}

1）为什么h1＆amp; p使用绝对位置与div使用相对？

2）在h1左边的左边：-9999px为什么需要在左边做出负9999像素？是屏幕外的吗？

3）一般来说，这些保证金数字是负数。经验法则向下和向左是负面的。向上和向右是积极的吗？

Answer 1

用户使用-9999px的绝对定位将元素移出屏幕。为什么他们选择这样做我不知道。

绝对定位将元素从页面流中移出。如果您使用了亲戚，那么滚动条会非常宽。

负顶部定位向上绘制元素。左侧负向定位将元素拉向左侧。正数相反。

对CSS元素的基本理解

1 个答案: