weixin_38166633的博客

在实际开发过程中，我们经常会遇到让某个盒子在其父元素内居中的需求。而在布局中，居中又分为垂直居中与水平居中。水平居中的实现方法很简单，设置margin: 0 auto; 就行，而垂直居中相对来说就麻烦了很多，下面就来说说工作中我用到过的一些方法： 首先，来两个盒子out_box与inner_box：     父盒子out_box为灰色背景，子盒子inner_box为蓝色背景，我们要让蓝色

在CSS中， 我们常叫的盒子模型专业名叫Box Model，他规定了元素的内容（element content）、内边距（padding）、边框（border） 和 外边距（margin） 之间的相互关系。在HTML文档中，每个元素（element）都有盒子模型，所以想要熟练掌握网页布局技巧，必须对盒子模型有所了解。 想要掌握盒子模型，就必须知道content、padding、border

圣杯布局与双飞翼布局 在面试时，你会经常遇到那么一个考题，有left、right、container三个盒子，要求left与right盒子宽度固定，分别固定于浏览器两侧，container位于中间，宽度随浏览器窗口自适应；说白了，就是要你进行两边定宽，中间自适应的三栏布局，并且中间栏要放在文档流前面以优先渲染。而圣杯布局与双飞翼布局就是用来解决这个问题最常见的布局方法。但两者在实现上有一些差异。