JaimeCheng的博客

写于2017-07-03，搬家至此；今天遇到了一个曾经认为的世纪大难题----图片完美的自适应；重要！敲黑板，划重点！！当margin/padding取值形式为百分比的值时，无论是left/right，还是top/bottom，都是以父元素的width为参照物的！-----来自W3C标准所以，很有必要深入研读下W3C规范；举个栗子要求：在每个原图长宽比例不同的情况下，实现如图的效果...

写于2017-07-11，搬家至此；有这么一段代码<style type="text/css"> *{ margin: 0; } .out{ width: 200px; height: 200px; background: paleturquoise; } .in{ width: 100px; height: ...

写于2017-07-16，搬家至此；把浮动塌陷拿出来做文章是因为之前没深究过它的原理，导致在布局中常因为浮动塌陷撑不开div而苦恼；借此写个总结加深记忆，也顺便说说浮动和定位的那点事…何谓“浮动塌陷”先看一段代码<style type="text/css"> #aa{ margin: 100px 100px; ...

写于2017-08-29，搬家至此；学习BFC之前，务必要理解透彻什么是文档流，以及浮动和定位导致的脱离文档流；文档流不难理解，今天的重点是bfc，不可乱了主次；什么是BFCBFC：Block Formatting Context，块级格式化上下文，一个独立的块级渲染区域，该区域拥有一套渲染规则来约束块级盒子的布局，且与区域外部无关；即里面想怎么样就怎么样不会影响此区域以外的任何元素...

标题本身是个很简单是事，因为一般body宽度都是100%；很久没写html，今天写一个小页面的时候突然遇到了，记录一下；body宽度我设置的是640px，所以有个fixed的元素没居中；position:fixed 生成绝对定位的元素，相对于浏览器窗口进行定位。让其居中的css： div { position: fixed; margin: auto; ...