css 想把整列全部向右平移

html-css019

css 想把整列全部向右平移,第1张

这个很简单啊，你将menu这个id 的 li 定义下平移的单位就好了；#menu3 li{ margin-left:20px margin-bottom:20px list-style-type:none}

//你不是要向右平移嘛，那就让它与左侧边框（层）拉开间距就好了。

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

    <style>

    .jt {

        position: relative

        height: 30px

    }

    

    .jt span {

        -webkit-transition: all .5s ease

        transition: all .5s ease

        position: absolute

        left: 0

    }

    

    .jt:hover span {

        left: 50px

    }

    </style>

</head>

<body>

    <div class="jt"><span>-></span></div>

</body>

</html>