这篇文章主要介绍“web前端面试问答题实例代码分析”，在日常操作中，相信很多人在web前端面试问答题实例代码分析问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”web前端面试问答题实例代码分析”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！
创新互联建站专注于企业成都全网营销推广、网站重做改版、平陆网站定制设计、自适应品牌网站建设、H5页面制作、商城系统网站开发、集团公司官网建设、成都外贸网站建设公司、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为平陆等各大城市提供网站开发制作服务。
面试官：清除浮动有哪些方式？
我：呃~，浮动元素会脱离文档流(绝对定位元素也会脱离文档流)，导致无法计算准确的高度，这种问题称为：“高度塌陷”。
清除浮动常见的有以下三种方式，整出代码如下：
触发BFC：（有缺陷，会造成内容的溢出隐藏）
多创建一个盒子，并添加样式：clear:both; ：（不推荐使用，此方法已经过时）
给浮动的父元素添加after样式：（推荐使用）
面试官：在网页中应该使用奇数还是偶数的字体？
我：呃~，应该使用偶数，因为偶数能让文字在浏览器上表现的更好一点，而且UI给前端一般的设计图都是偶数的，这样不管布局也好，转换px也好，方便一点。
面试官：position有哪些值？分别是根据什么定位？
我：呃~，position有如下五个值：
static：默认值，无定位，top、right、bottom、left 不起任何作用
relative：相对定位，不脱离文档流，只有left、top起作用
absolute：绝对定位，脱离文档流，上下左右以最近的定位父元素为参照系
fixed：脱离文档流，上下左右以浏览器视口为参照系
sticky：relative 与 fixed 的结合体
以fixed举例：
221
