qq_63778549的博客

★ 父元素和子元素宽高不固定，如何实现水平垂直居中- 弹性盒模型 -父元素设置：display:flex; justify-content:center; align-items:center -额外的骚操作：父元素设置弹性盒display:flex; 子元素可以设置margin: auto; 实现垂直水平居中- 定位属性（position）配合位移属性（transform） - 父元素设置：position:relative， - 子元素设置：position:absolute;.

已知宽高设置盒子水平垂直居中的方法：1.position+margin方法：父相子绝，子给margin：auto；left0；right：0；top：0；bottom：0；缺点：兼容性：主流浏览器均支持，IE6不支持2.diaplay:table-cell 兼容性：由于display:table-cell的原因，IE67不兼容<!-- html --><div class="wrap"> <div class="center">&...

浮动会使当前标签产生向上浮的效果，同时会影响到前后标签、父级标签的位置及 width height 属性。而且同样的代码，在各种浏览器中显示效果也有可能不相同，这样让清除浮动更难了。解决浮动引起的问题有多种方法，但有些方法在浏览器兼容性方面还有问题。下面总结8种清除浮动的方法（测试已通过 ie chrome firefox opera，后面三种方法只做了解就可以了）：1，父级div定义 height<style type="text/css">.div1{background:...

DAY08伪类选择器和垂直对齐DAY09定位DAY10定位 锚点 透明 自适应DAY11高度塌陷 伪元素 表格DAY12表单和BFCDAY13BFC和浏览器兼容，图片整合与H5新增加标签DAY14CSS选择器和CSS3属性

DAY01-HTML基础DAY02-表单和CSS基础DAY03-CSS选择器和属性DAY04CSS常用属性DAY05CSS核心属性DAY06页面书写DAY07元素类型和文本溢出现实省略号