-
1.浮动有哪些？设置浮动会造成什么影响？如何解决
影响：使用float浮动后子元素虽然实现了水平方向的浮动，但是父元素的高度有时会塌陷。
解决方法：
（1）在父元素的样式中加入overflow：hidden属性。目的是父元素包住这个脱离了文档流的浮动元素。
（2）使用flex弹性布局，不需要设置float，直接对父元素设置
display: flex;
flex-direction: row
也可使子元素呈现在一行上
（3）可以用一个空的div块儿，设置class为clear，然后在使用了float浮动du的块儿zhi的末尾加上这个空div块，再设置它的属性
<div class="clear"><div>
<style>
.clear{
clear:both;
}
<style>
- 水平垂直居中有哪些方式
（1）弹性盒
display:flex //父元素
margin:auto //子元素
（2）弹性盒2
display:flex;
justifly-content:center;
align-items:center
（3）absolute
.parent {
position: relative;
}
.child {
position: absolute;;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
- css有哪些定位
（1）静态定位（static）：
默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。
（2）相对定位（relative）：
定位为relative的元素脱离正常的文档流，但其在文档流中的位置依然存在，只是视觉上相对原来的位置有移动。
通过top,bottom,left,right的设置相对于其正常（原先本身）位置进行定位。可通过z-index进行层次分级 。
（3）绝对定位（absolute）：
生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。可通过z-index进行层次分级。
定位为absolute的层脱离正常文档流，但与relative的区别是其在正常流中的位置不再存在。
这个属性总是有人给出误导。说当position属性设为absolute后，总是按照浏览器窗口来进行定位的，这其实是错误的。实际上，这是fixed属性的特点。
（4）固定定位（fixed）：
与绝对定位类似，元素从文档流中脱离，但是它们不是相对于容器块定位，而是相对于视口（viewpoint）定位（大多数情况下，这个视口就是指浏览器窗口）。
- 如何设置值改变其行内或是块级？
display:block; (字面意思表现形式设为块级元素)
display:inline; (字面意思表现形式设为行内元素)
- webpack是什么？作用？
Webpack 的核心概念是一个模块打包工具 ，它的主要目标是将js文件打包在一起，打包后的文件用于在浏览器中使用，但它也能胜任转换(transform) 、打包(bundle) 或包裹(package) 任何其他资源。
Webpack 核心主要进行 JavaScript 资源打包。它可以结合其他插件工具，将多种静态资源css、png、sass 分类转换成一个个静态文件，这样可以减少页面的请求。
可集成 babel 工具实现 EcmaScript 6 转 EcmaScript 5 ，解决兼容性问题
可集成 http 服务器
可集成模块热加载，当代码改变后自动刷新浏览器 等等功能 - 讲一讲Http状态码
常见的Http状态码：
200 - 请求成功
301 - 资源（网页等）被永久转移到其它URL
404 - 请求的资源（网页等）不存在
500 - 内部服务器错误
获取更多面试题：智一面