摘要: 前面“2-两栏布局”讲到BFC,所以查了一下BFC到底是什么。 (1)BFC是什么 Box Formatting Context Box: CSS布局的基本单位 ,Box 是 CSS 布局的对象和基本单位, 直观点来说,就是一个页面是由很多个 Box 组成的。 元素的类型和 display 属性,决 阅读全文
posted @ 2018-02-28 10:22 ogrowup 阅读(189) 评论(0) 推荐(0) 编辑
摘要: 实现效果:左边固定,宽度100px; 右边自适应,间隔左边20px 方法1和2 block特点: 利用block级别的元素盒子宽度具有填满父容器,并随着父容器的宽度自适应的流动特性。 block级别的元素会认为 浮动的元素 和 绝对定位的元素 不存在,而且独占一行,这样就可以和浮动元素同处一行了;i 阅读全文
posted @ 2018-02-28 10:17 ogrowup 阅读(173) 评论(0) 推荐(0) 编辑
摘要: 方法1:定宽高: position:absolute; top:50%; left:50%; margin-top:(width/2); margin-left:(width/2); position:absolute; top:50%; left:50%; margin-top:(width/2) 阅读全文
posted @ 2018-02-28 10:09 ogrowup 阅读(128) 评论(0) 推荐(0) 编辑