三列中间固定两边可变
Code
说明:该样式中,同样是使用了负边界。由于负边界不能使用无限制的大小(只能让子元素处于父元素的边界而不能完全脱离父元素),所以要给content元素一个150px的右边界,这样content_center元素才恩那个处于最右端。
同样的道理,要给content_center元素定义一个左边界,才能让left元素处于最左端,用以上的定义实现了最左端和最右端的定位。由于中间部分是元素边界所在的区域,所以会显示出main元素的背景色。
说明:该样式中,同样是使用了负边界。由于负边界不能使用无限制的大小(只能让子元素处于父元素的边界而不能完全脱离父元素),所以要给content元素一个150px的右边界,这样content_center元素才恩那个处于最右端。
同样的道理,要给content_center元素定义一个左边界,才能让left元素处于最左端,用以上的定义实现了最左端和最右端的定位。由于中间部分是元素边界所在的区域,所以会显示出main元素的背景色。