面试视频知识点整理1-3

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

猜你喜欢

转载自www.cnblogs.com/llcMite/p/10754939.html