sly94的博客

一：页面布局方式 页面布局方式，主要包含：文档流，浮动层，float属性 1.文档流 html页面的标准文档流默认布局是：从上到下，从左到又，遇块级元素换行。 如下图： 按照正常的文档布局 还没浮动左侧 还未浮动右侧 2.浮动层 浮动层：给元素的float属性赋值后，就是脱离文档流，进行左右浮动，紧贴着父元素（默认为body文本区域）的左右边框

一:水平居中 水平居中分为4种：块级元素，内联元素，宽度确定，宽度不确定 1.宽度确定的块级元素 margin:0 auto 确定宽度的margin水平居中 .warp1{ width: 300px; height:300px; margin: 10px auto; border: 1px solid #fecdea; } 2.不确定宽

* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}一：box-sizing:content-box;默认值，W3C标准盒子模型，元素的宽度和高度等content+padding+border。css中设置的width就是设置的content的宽高，不包含border和paddi...

什么是css hack    由于不同厂商的浏览器或者相同浏览器的不同版本（IE6-IE11，firefox，safari,opera,chrome等）对css的支持，解析不一样，导致在不同浏览器的环境中呈现出不一致的页面展现效果。为了统一的页面效果，需要针对不同的浏览器或者不同版本写特定的css样式，把针对不同浏览器/不同版本写相应的css code的过程，叫css hack！css hack原...