1.3.1、原理
盒子层层嵌套,利用内层盒子高度变化,外层盒子的高度也会同步变化
1.3.2、实现步骤
-
准备三个负责背景的盒子.bg1,.bg2,.bg3,HTML结构上层层嵌套
-
将.left,.center,.right盒子放入最内层的背景盒子.bg3里
-
最内层的盒子.bg3清浮动
-
将.bg2,.bg3相对于当前位置进行移动,形成三列背景效果
-
将.left,.center通过margin负值移动到对应的背景处即可
1.3.1、原理
盒子层层嵌套,利用内层盒子高度变化,外层盒子的高度也会同步变化
1.3.2、实现步骤
准备三个负责背景的盒子.bg1,.bg2,.bg3,HTML结构上层层嵌套
将.left,.center,.right盒子放入最内层的背景盒子.bg3里
最内层的盒子.bg3清浮动
将.bg2,.bg3相对于当前位置进行移动,形成三列背景效果
将.left,.center通过margin负值移动到对应的背景处即可