1、最好的布局方式是文档流排列。
如果能把顶部 的复杂效果图形，拿出来，弄成一个png图片。（不包括文字），是最简单的文档流排列了。
但是设计给的这一部分，非常难以抠出来。
2、分上下两部分，中间衔接：用2层div套，外层放底色紫色，里面一层用背景图，定位在顶部 左侧。
下面文档流排。
3、这个详情页的图，坑死了我。
因为主页的是上下分割的布局，这一次，在不改变前面的前提下，我将中间区域往上提。
下面多了一大块空白，所以用js计算高度，overflow：hidden解决、
<script>
$(function () {
// var center_height=$('.rmjc_btop').outerHeight()+$('.rmjc_bcenter_wrap').outerHeight();
// var posi_top=parseFloat($('.rmjc_bcenter_con_c').css('top'));
// var res_height=center_height+posi_top;
// $('.rmjc_box').css('height',res_height+'px');
})
</script>
如果下面还有其他元素，就在开一个div，接着写。