css与h5系列
总结前端面试中常见的 样式与h5相关题型
chen_晨风
Talking is cheap,show me a code
展开
-
理解css中BFC
BFC(Block Formatting Context)是Web页面中盒模型布局的CSS渲染模式。它的定位体系属于常规文档流。摘自W3C:浮动,绝对定位元素,inline-blocks, table-cells, table-captions,和overflow的值不为visible的元素,(除了这个值已经被传到了视口的时候)将创建一个新的块级格式化上下文。一个BFC是一个HTML盒子并且...原创 2019-05-27 17:02:50 · 201 阅读 · 0 评论 -
面试中关于 左右固定 中间自适应解决方案
文章目录中间自适应布局解决方案一、采用左右浮动二、采用定位元素三、采用flex布局四、浮动+负margin五 采用table布局六 采用网格布局中间自适应布局描述如下: 假定高度已知,请写出三栏布局,其中左栏、右栏宽度各自为300px,中间自适应。解决方案一、采用左右浮动浮动可以使之后的元素忽视本元素的存在(即本元素不占据空间大小)<!DOCTYPE html><h...原创 2019-06-13 08:39:02 · 188 阅读 · 0 评论 -
前端面试 关于三列布局 全集
文章目录中间固定 两边自适应float +负marginflex 布局实现等宽等间距三列布局采用 flex采用 float采用 margin calc 计算属性中间自适应布局中间固定 两边自适应描述:现在有三列 a、b、a;其中它们高度一定、b宽度200px,让a自适应 该如何做?float +负margin <section class="layout-float"> ...原创 2019-07-10 12:36:05 · 432 阅读 · 0 评论