在styled-component中使用&.class名{ float：left} 为什么浮动不生效？

Question

export const NavItem = styled.div`
        &.toleft {
            float:left;
        }

        &.toright{
            float:right;
            cursor:pointer;
        }


`;