2018-03-01 面试题

1.手淘技术介绍vue+其他

http://mp.weixin.qq.com/s/9uR2uQt47Tt5pVsTiw07jw

2.--移动端1px问题--https://www.jianshu.com/p/7e63f5a32636

以下文章 https://juejin.im/post/5a954add6fb9a06348538c0d?utm_medium=fe&utm_source=weixinqun#comment  的摘记

3.position的几个属性

（1）static:还远到原本位置；会忽略top,right,bottom,left的值

（2）relative：相对于默认位置偏移，注意 relative 移动后的元素在原来的位置仍占据空间

（3）absolute：若父元素的定位是absolute/relative，则相对于父元素偏移；否则是body;

不占空间

（4）始终相对于body，不占空间

4.浮动元素（float属性的值是left或right）可以设置其宽高

5.浮动元素的展示在不同情况下会有不同的规则：

中：

参考 w3school,http://www.w3school.com.cn/css/css_positioning_floating.asp

第一点:浮动元素在浮动的时候，其margin不会超过包含块的padding。PS：如果想要元素超出，可以设置margin属性？如果没有理解错，感觉是不对的-------正确的理解、表达：浮动元素不会超过包含块（父元素）的边框（即padding）；

第二点：应该是对的，不确定

第四点：如果有多个浮动元素，后面的元素高度不会超过前面的元素，并且不会超过包含块---不对吧

第五点：如果有非浮动元素和浮动元素同时存在，并且非浮动元素在前，则浮动元素不会高于非浮动元素--也不对吧

浮动重叠问题：

块级元素与浮动元素发生重叠时，边框和背景会显示在浮动元素之下（被浮动元素覆盖），但内容会显示在浮动元素之上（内容不会被覆盖，会被挤到下一行）

clear属性：left/right/both;元素盒子的边(左边、右边、两边)不能和前面的浮动元素相邻（which sides of an element's box(es) may not be adjacent to an earlier floating box）----张鑫旭http://www.zhangxinxu.com/wordpress/2014/06/understand-css-clear-left-right-and-use/

清除浮动，以避免父元素高度坍塌（为0）的方法介绍的比较好

空元素：空元素在开始标签中进行关闭（以开始标签的结束而结束），例如：br、meta、hr、link、input、img
hr标签在 HTML 页面中创建一条水平线