2018年2月8日
浮动
摘要： 1.浮动元素不会影响其后面的流内的块级盒子 2.但是浮动元素后面的行级盒子会变短，以避开浮动元素 3.clear 指定元素哪一边不能与之前的浮动框相邻 取值：left,right,both, 4.清楚浮动的影响 .clearfix:before/:after{ content:""; display 阅读全文
posted @ 2018-02-08 15:38 薇薇123 阅读(119) 评论(0) 推荐(0)
定位和堆叠
摘要： 1.position: static, 非定位，默认值 relative,相对定位（相对自己），在文档流中 absolute,相对于非static祖先元素定位 fixed，相对于视口绝对定位 2.relative 在常规流内布局，流内的其他元素当它没有偏移一样布局 3.absolute 脱离正常流 阅读全文
posted @ 2018-02-08 15:31 薇薇123 阅读(101) 评论(0) 推荐(0)
H5的新标签figure,figcaption
摘要： 1.figure,figcaption figure:用于规定独立的流内容（图像，图表，照片，代码等） figcaption:与figure配套使用，用于标签定义figure元素的标题 兼容性：IE9+ eg: <figure> <img> <figcaption></figcaption> </f 阅读全文
posted @ 2018-02-08 15:13 薇薇123 阅读(270) 评论(0) 推荐(0)
浅谈盒模型
摘要： 1.width,height 指定的是content-box的box 百分数相对于父容器的content-box的width 只有当父容器的height不依赖该元素时，百分比height才生效 2.margin重叠 相邻的2个盒子，相邻方向的2个margin值相同会合并成一个，若一大一小，以大的为准 阅读全文
posted @ 2018-02-08 10:02 薇薇123 阅读(294) 评论(0) 推荐(0)