---恢复内容开始--- 　　马上要到秋招了，开始在牛客网上刷题，今天刷了一个阿里的16年前端笔试题的编程题：两栏布局。自己做的还是不好，所以查了资料写一下CSS中两栏布局和三栏布局 1.两栏布局 原题是“核心区域左侧自适应，右侧固定宽度 200px” 方法一：自身浮动法 ...

两栏布局：左侧固定宽度，右侧自适应 先看一下页面布局： 1.float 2.使用绝对定位实现—absolute 3.使用表格布局—table 4.使用calc函数 5.使用 ...

一、使用display:flex;实现两栏布局 二、使用display:flex;实现三栏布局 ...

先理解 flex：flex-grow flex-shrink flex-basis flex-grow 用来分配剩余空间 flex-shrink 用来分配溢出空间 flex-basis 在前两个分配前使用，简单的说这个属性值可以理解为元素的 width 值 ...

正常情况下都应该保持元素 height 属性的默认值 auto . 多栏布局，某一栏目占的总宽度包括它的，Width，margin，padding ,border。 　　CSS3中，应用 box-sizing 属性之后，给盒子 添加边框和内边距都不会增大盒子，相反会导致内容变窄（像没有设置 ...

display:table:此元素会作为块级表格来显示（类似 <table>）; display:table-cell属性指让标签元素以表格单元格的形式呈现，类似于td ...

固定布局经不起未来考验 固定像素尺寸的网页是匹配固定像素尺寸显示器的最简单办法。但这种方法不是一种完全兼容未来网页的制作方法，我们需要一些适应未知设备的方法。 为什么响应式设计需呀百分比布局 仅使用媒体查询来适应不同视口的固定宽度设计，只会从一组CSS媒体查询规则突变到另一组，两者间 ...

...