cssmargin负值运用

最新推荐文章于 2024-09-27 09:37:38 发布

lxl211

最新推荐文章于 2024-09-27 09:37:38 发布

阅读量54

点赞数

分类专栏： css 文章标签： html css 前端

本文链接：https://blog.csdn.net/lxllxl211/article/details/127210220

版权

css 专栏收录该内容

45 篇文章 0 订阅

订阅专栏

<style>
        
        li{
            position: relative; 
            float: left;
            width: 150px;
            height: 200px;
            list-style: none;
            border: 1px solid red;
            /* 加-1px即可解决盒边框重叠的问题 */
            margin-left: -1px;
        }

        li:hover{
            /* 这时候会出盒子右侧边框显示不全的问题 */
            border: 1px solid blue;
            /*方法1：如何盒子没有定位 加相对定位就可以解决问题 */
            /* position: relative; */

            /* 方法2：提高层级 */
            z-index: 1;
        }

    </style>
</head>
<body>
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
    </ul>
</body>