这里的布局 怎么 解读 ，多谢了。帮忙解读1下。

/*-----------------------------------------------------------------------------------布局*/

.content, .contentL, .contentR { width: 100%;}
        /*\*/ * html .content, * html .contentL, * html .contentR { height: 1%; } /**/ *>.content, *>.contentL, *>.contentR { overflow: hidden; }
/*侧边样式*/
.sideL { width: 210px; float: left; overflow: hidden; }
.sideR { width: 190px; float: right; overflow: hidden; }
/*中间部分样式*/
.mainarea { margin: 0 4px; width: 362px; float: left; }
        .contentL .mainarea { margin: 0 0 0 4px; width: 556px; }
        .contentR .mainarea { margin: 0 6px 0 0; width: 574px; }

overflow: hidden; 的意思是不显示超过对象尺寸的内容
其他得应该好理解把  margin: 0 6px 0 0 这个是距 上 右 下 左 得距离

thanks!!