前言我们在做页面的时候经常会遇到页面布局相关的内容,面试的时候也经常被问到,所以今天就把关于页面布局的内容总结一下。问题:如何实现三栏布局(固定高度,左-中-右结构)假设高度已知,请写一个三栏布局,其中左右宽度均为300px,中间为self-自适应。看完上面的题目,有经验的人可能会觉得很简单。仔细想一想,如果我们写的话,我们能写出多少解呢?一般想到的有两种,float和position定位。其实除了这两种之外,还有另外三种类型可以写。我一一介绍一下:方案一(float浮动)

前言我们在做页面的时候经常会遇到页面布局相关的内容,面试的时候也经常被问到,所以今天就把关于页面布局的内容总结一下。问题:如何实现三栏布局(固定高度,左-中-右结构)假设高度已知,请写一个三栏布局,其中左右宽度均为300px,中间为self-自适应。看完上面的题目,有经验的人可能会觉得很简单。仔细想一想,如果我们写的话,我们能写出多少解呢?一般想到的有两种,float和position定位。其实除了这两种之外,还有另外三种类型可以写。我一一介绍一下:方案一(float浮动)