分类: CSS
0
圣杯布局和双飞翼布局
圣杯布局和双飞翼布局都是为了实现三栏布局，两边的黑子宽度固定，中间盒子自适应，其中，中间栏放到文档流前面，保证先行渲染。 需要先了解负边距即负margin的作用，文末其相关的资料链接。 圣杯布局 圣杯布局的出现是来自于a list part上的一篇文章In Search of the Holy Grail。比起双飞翼布局，它的起源不是源于对页面的形象表达。在西方，圣杯是表达“渴求之物”的意思
0
浮动元素位于非浮动元素之前和之后的影响
浮动核心就一句话：浮动元素会脱离文档流并向左/向右浮动，直到碰到父元素或者另一个浮动元素。 之所以写这篇文章，是因为刚开始学习前端的时候，在做2017年百度前端学院的小薇学院的任务三——三栏式布局时碰到了一个很疑惑的问题（任务图如下） 由于当初对浮动的认识不够，我的想法是这样的：左边的元素左浮动，中间的元素加左右margin撑开，右边的元素右浮动（注意我描述这三个元素的顺序）。最初的代码如下