非块状元素可能会遮挡到其他元素

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
        *{
            margin: 0;
            padding: 0;
        }
        .a1{background-color: yellow;}
        /* 此处a2设置了padding后，遮盖住了a1的部分 */
        .a2{background-color: blue;
            padding: 10px;}
    </style>
</head>
<body>
    <div style="width:100px">
        <a href="" class="a1">jfklasjdflkjasdf;kljasdfl;</a>
        <a href="" class="a2">4542315645313465</a>
    </div>
</body>
</html>
版权声明：本文为l646550555原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。