黑马商城项目_banner样式设计

1、banner容器：流式百分百布局

.hm_banner{
    width: 100%;
    position: relative;
    overflow: hidden;
}

2、ul样式，初始状态下，从前8图片，移动到前1图片位置

ul容器的宽度设置为1000%

.hm_banner > ul:first-child{
    width: 1000%;
    -webkit-transform:translateX(-10%);/*尽可能做webkit内核的兼容*/
    transform: translateX(-10%);
}