通过子div覆盖父div的border-bottom

今天有个作业涉及到通过子div覆盖父div的border-bottom,如例子

点击前

通过子div覆盖父div的border-bottom_第1张图片

点击后

通过子div覆盖父div的border-bottom_第2张图片


  
  
      
    Document  
  
  
  
  
      
  
  


简单解释:

通过子div覆盖父div的border-bottom_第3张图片

如果不想子元素的border覆盖父元素的,可以在父元素加上overflow:hidden,让它变成BFC,里面的盒子不影响外面的盒子

额,顺便想到了一道前端面试题:点击打开链接

通过子div覆盖父div的border-bottom_第4张图片

  
  
  
      
    Document  
    
  
  
    



你可能感兴趣的:(web前端)