三列布局中有两列内容固定

Code

在页面结构中，最外层的是main元素，其包含两个子元素，right元素浮在右侧，content浮在左侧。无论哪个发生变化，都会影响到父元素。
right中使用的事父元素的背景，所以从视觉上，当content发生变化时，right可以自动增加背景使用content元素。
然后再content元素中，又包含两个子元素left和center元素。当center元素的高度增加时，其父元素content的高度也随之增加。而left使用的是content的背景，所以当center发生变化时，left元素可以自动增加背景使用center元素。
也就是说，当最内层元素发生变化时，其所有父层及更上层的元素都将受到影响而一起变动，这样也达到了当center变动时，left和right也随之变化的效果。