三十六、常见布局技巧

一、常见布局技巧

1.1、margin负值运用

三十六、常见布局技巧_第1张图片
image.png

1.让每个盒子margin往左侧移动 -1px 正好压住相邻盒子边框。
2.鼠标经过某个盒子的时候,提高当前盒子的层级即可(如果没有定位,则加相对定位(保留位置),如果有定位,则加z-index)。





    
    
    
    margin负值的巧妙运用
    



    
  • 1
  • 2
  • 3
  • 4
  • 5

1.2、文字围绕浮动元素

三十六、常见布局技巧_第2张图片
image.png



    
    
    
    文字围绕浮动元素的妙用
    


    

【集锦】热身赛-巴西0-1秘鲁 内马尔替补两人血染赛场

三十六、常见布局技巧_第3张图片
image.png

1.3、行内块巧妙运用

image.png




    
    
    
    行内块的巧妙运用
    



    
2 3 4 5 6 ... 到第

你可能感兴趣的:(三十六、常见布局技巧)