其他分享
首页 > 其他分享> > margin负值作用之压住相邻盒子边框

margin负值作用之压住相邻盒子边框

作者：互联网

 

    <style>
        div {
            float: left;
            width: 100px;
            height: 100px;
            border: 1px solid black;
            background-color: red;
        } .
    </style>
    <body>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
    </body>
当多个块级盒子一行显示时，如何压住相邻盒子的边框呢？
解决方法：给盒子添加margin-left: 负值（与边框相同大小），当添加了了margin后，第一个盒子向左移动一个像素，同时由于浮动，第二个盒子会紧贴上来，此时，第二个盒子再向左移动一个像素，那么就达到了盖住边框的效果，后面的盒子以此类推。

标签：负值,盒子,100px,边框,像素,margin,left
来源： https://www.cnblogs.com/carpe/p/12826788.html