1、准备要充分,知识要系统,沟通要简洁,内心要诚实,态度要谦虚,回答要灵活(不能把话说太死)
2、面试模拟
1)页面布局
1 、使用浮动
给三个div设置高,然后div.left div.right div.center;div.center必须放在div.left及div.right节点下面。(个人理解:浏览器渲染会先计算上面两浮动节点的宽,
然后在对下面没有浮动的进行自适应,同理,左边写死右边自适应,div.left,div.center)
2、使用绝对定位
给三个div设置高,然后div.center设置left:300px;right:300px;(个人理解,给中间center同时设置left和right则会盒子拉伸自适应)
3、使用flex布局
给三个div设置高,然后给div.center设置flex-grow:1;则会自适应剩余空间
4、使用table布局
给父盒子设置display:table,子盒子设置display:table-cell,并且设置高,中间盒子不设置宽
5、使用网格布局
给父盒子设置display:grid,grid-template-rows:100px,grid-template-columns:300px auto 300px
github: https://github.com/llcMite/interview.git