web 前端开发面试题易莱胜 web 前端开发培训面试题web 前端开发面试题,易莱胜 web 前端开发培训面试题热点:百读易莱胜官网 上海易莱胜 易莱胜 上海百读易莱胜1
行内元素转化为块级元素
行元素转换为块级元素方式:display:block;2
将多种元素设置为同一行
清除浮动有几种方式
将多种元素设置为同一行:position,float,inline-block清除浮动的方式:措施一:添加新的元素 、 clear:both;措施二:父级 div 定义 overflow: hidden;措施三:运用:after 和:before 来在元素内部插入两个元素块,从面达到清除浮动的效果
clear{zoom:1;}
clear:after{content:””;clear:both;display:block;height:0;overflow:hidden;visibility:hidden;}3
怪异盒模型 box-sizing
弹性盒模型|盒布局
在原则模式下的盒模型:盒子总宽度/高度=width/height+padding+border+margin在怪异模式下的盒模型下,盒子的总宽度和高度是包含内边距 padding 和边框border 宽度在内的
盒子总宽度/高度=width/height + margin = 内容区宽度/高度 + padding + border + margin;box-sizing 有两个值一种是 content-box,另一种是 border-box
当设置为 box-sizing:content-box 时,将采用原则模式解析计算;当设置为 box-sizing:border-box 时,将采用怪异模式解析计算
简述几种 css hack
(1) 图片间隙 在 div 中插入图片,图片会将 div 下方撑大 3px