baidu-ife

ife task0001 盒模型及定位

?

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

方法一 （边距）

?

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;
}

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

原文：https://www.cnblogs.com/biabia/p/10875966.html