首页 > 其他 > 详细

baidu-ife

时间:2019-05-16 16:27:49      阅读:127      评论:0      收藏:0      [点我收藏+]

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

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

baidu-ife

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!