css中这三个的使用有什么区别:1 overflow:hidden;2 overflow:auto;zoom...

发布网友 发布时间：2022-05-07 18:27

我来回答

共4个回答

热心网友 时间：2022-05-08 07:00

一、就 overflow 这个样式而言，题主应该了解，或者自行百度下：（以下摘自百度百科）

CSS属性
overflow 属性规定当内容溢出元素框时发生的事情。
说明
这个属性定义溢出元素内容区的内容会如何处理。如果值为 scroll，不论是否需要，用户代理都会提供一种滚动机制。因此，有可能即使元素框中可以放下所有内容也会出现滚动条。
基本特性
适用于：block-level and replaced elements
JavaScript 语法：object.style.overflow="scroll"
基本语法
overflow-x overflow-y
overflow : visible | auto | hidden | scroll

二、关于清除浮动，其中就有使用 overflow 来达到闭合元素来修复高度坍塌的现象。

① overflow:hidden;，

    只要使用了这个样式的元素都会闭合，触发 hasLayout；

② overflow:auto;zoom:1;，

    在不使用 overflow:hidden 的场景下，需要触发 hasLayout ，可以用 zoom: （normal以外的值） 这个样式；

③ overflow:auto;height:1%;，

    在不使用 overflow:hidden 的场景下，需要触发 hasLayout ，可以用 height: （auto以外的值）这个样式，1%是为了在实现非0。

可以参考以下：

www.hicss.net/some-overflow-knowledge

热心网友 时间：2022-05-08 08:18

zoom一般用在IE浏览器，初学用不到；overflow：hidden是超出div的会被完全隐藏，overflow：auto是div框不能太大时使用，浏览器会显示滚动条以便查看其余的内容。
height:1%;单纯设置高度而已，，，一般三种的使用看具体的使用情况了，想显示影藏内容且不想占地方就用auto，要么就hidden

热心网友 时间：2022-05-08 09:52

第一个是溢出隐藏，也就是超过添加这样式的div 高度或者宽度的时候，就会隐藏看不到了，

第二个是溢出自适应，当宽度或者高度超出的时候就会出现滚动条，后面的zoom:1;这个IE浏览器的专有属性，Firefox等其它浏览器不支持。它可以设置或检索对象的缩放比例。除此之外，它还有其他一些小作用，比如触发ie的hasLayout属性，清除浮动、清除margin的重叠等。但是它通不过W3C验证。
第三个你可以看看这个网址的
http://www.cnblogs.com/net2/archive/2011/04/25/2026743.html

热心网友 时间：2022-05-08 11:44

答：第一个,
1 overflow:hidden；指的是当内容超出DIV的框框时，超出的部分将不可见。
第二个，
2 overflow:auto;zoom:1;指的是当内容超出DIV的框 框时，将根据内容自动缩小显示在框框内，以原来输入字体大小的3分之一来显示字体。
第三个，
3 overflow:auto; height:1%;指的是当内容超出DIV的框框的时候，每超出将自动增加原DIV大小的1%。