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;
}
相对定位和绝对定位都可以