ife task0001 盒模型及定位

 

问题：用两种方法来实现一个背景色为红色、宽度为960px的<DIV>在浏览器中居中

方法一 （边距）

 

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。
HTML
    <div class="div1">
    Lorem ipsum dolor sit amet consectetur adipisicing elit. 
    </div>
CSS
.div1 {
  background-color: red;
  width: 960px;
  margin:0px auto;
}

利用左右外边距为auto时自适应居中

 

方法二 （定位）

 

HTML
<div class="div2">
Lorem ipsum dolor sit amet consectetur adipisicing elit. 
</div>
CSS
.div2 {
   background-color: red;
   width: 960px;
   position: relative;
   left: 400px;
}

相对定位和绝对定位都可以

扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄