摘要：方法一： 利用css3的vw，相对视窗宽度 1vw = 1% viewport width .square{ width: 50%; height: 50vw; } 缺点： 浏览器兼容不好 方法二： css盒模型，margin和padding的百分比数值计算：margin和padding的百分比数值 阅读全文

摘要：1. 什么是BFC？ 浮动元素和绝对定位元素，非块级盒子的块级容器，以及overflow值不为visible的块级盒子，都会为他们的内容创建新的BFC 2. 触发条件？ 根元素 浮动元素 绝对定位元素 行内元素 表格单元格 overflow值不为visible的快元素 3.应用场景 / 可以解决哪些 阅读全文

摘要：这里是头部 左边 中间部分 右边 这里是底部 Document 阅读全文

摘要：概念：当元素浮动以后可以向左或向右移动，直到它的外边缘碰到包含它的框或者另一个浮动元素为止 元素浮动以后就会脱离正常的文档流，所以文档的普通流中的框就变得好像浮动元素不存在一样 浮动布局的优点： 在图片混排的时候可以很好的使文字环绕在图片周围 当元素浮动起来后，它可以同块级元素一样设置 宽高 浮动布 阅读全文

摘要：水平居中 1.宽度确定的块级元素 方法一：width和margin的实现，margin：0 auto 方法二：绝对定位 和 margin-left: -width/2, 当然父元素position： relative 2.宽度未确定的块级元素 方法一：inline-block实现水平居中。displ 阅读全文