慕课网电商网站开发实例（10）

产品分类页左导航

psd下载：https://www.imooc.com/video/1562

多个循环单位，都有border-bottom：1px dotted #666;

希望最后一个没有：

1，使用css3的last-child，border:none；

2，使每个单位设置margin-bottom：-1px;使最后一个与大边框重合而消失；

3、<li>要分成两列，css如下：

float:left;width: 50%;

4.display:none一旦隐藏，其占用的页面空间也会释放。

类似的visiblity属性，也可用于设置目标对象是否隐藏；

设置隐藏后，该元素占用的页面空间依然会被保留。

5.学会灵活使用负号来设置特殊布局

（1）超出部分在其父元素中设置margin-right -多少px

（2）.左侧列表分为五个板块，纵向排列，最后一个的border-bottom为实线，其余为虚线。可在其父元素中设置border-bottom -1px 使其与父元素重叠，隐藏掉效果

6.padding三个值代表上 左右 下