定义总体overflow样式后应怎样消除此效果

Posted 2023-03-21

定义总体overflow样式后,后面不需要的应怎样消除此效果

在不需要的地方重新定义overflow属性如：主体bodyoverflow:hidden;下面有个层不需要<div style="overflow:auto;"></div>根据你需要的overflow属性来设overflow有四个属性：visible（默认属性）、hidden、scroll和auto。此外它还有两个姊妹属性:overflow-x和overflow-y，这两个使用的相对较少。 参考技术A 在不需要的地方

重新定义overflow属性

如：主体bodyoverflow:hidden;

下面有个层不需要<div style="overflow:auto;"></div>

根据你需要的overflow属性来设

overflow有四个属性：visible（默认属性）、hidden、scroll和auto。此外它还有两个姊妹属性:overflow-x和overflow-y，这两个使用的相对较少。

消除浮动的方式

1.空div 

    <div class="clearfloat">

   div2
   </div>

.clearfloat{clear:both}

2.父级定义overflow:hidden
必须定义width或zoom:1，同时不能定义height，使用overflow:auto时，浏览器会自动检查浮动区域的高度
3.使用伪类 清除浮动

   div::after{
     content:".";        
     display:block;        
     height:0;        
     clear:both;        
     visibility:hidden;        

}