css中的overflow:hidden; zoom:1

如果子元素大小超过父元素的大小,那么:

    overflow:hidden会隐藏掉超出的部分
    overflow:auto会显示滚动条
    overflow:hidden;和overflow:auto;都可以解决非IE浏览器下清除浮动的问题
    zoom:1;是给ie6看的
 

时间: 2024-08-29 10:18:20

css中的overflow:hidden; zoom:1的相关文章

php问题-php里css中的清除浮点问题

问题描述 php里css中的清除浮点问题 #head{border:1 solid red;width:100%;height:20;}ul{float:left;}#banner{float:left;}.clear{overflow:hidden;zoom:1;} 首页 首页 首页 首页 首页 首页 我写的这个程序为什么li中的那几个字不显示在规定的div块里而是出现在它的下方呢,是不是清除浮点搞错了啊,浮点换了几次都不成功,求教各位大神指点一下 相关文章 清除require载入的文件 ph

总结CSS中火狐浏览器与IE浏览器的兼容代码

总结CSS中火狐浏览器与IE浏览器的兼容代码,兼容你兼容主要是语法规范问题,你写CSS写规范了,就都兼容了,其他的就是一些浏览器的BUG了,发一些技巧给你看看,或许有用. CSS技巧 1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了.缺点是要控制内容不要换行 2.margin加倍的问题 设置为float的div在ie下设置的margin会加倍.这是一个ie6都存在的bug.解决

css中负Margin你不知道的秘密

现如今,负margin技术的应用可谓越来越广,任一个大型站点惊鸿一瞥之下都会有其身影所在.个人认为负margin技术是学习css路上必不可缺少的课题之一,许多高级应用及疑难杂症修复都可以使用负margin技术进行实现. 负margin理论: 在说明什么是负margin之前,你得清楚margin是个啥么玩意,如果还不清楚可以先阅读本人的前一篇文章<不要告诉我你懂margin>,预补下知识,回头再读这篇文章,相信俩篇文章都能给你带来不少的收获. 为了形象.易懂的解释负margin,我们将引入W3C

css ie6、ie7、ie8中overflow:hidden无效解决办法

产生原因: 当父元素的直接子元素或者下级子元素的样式拥有position:relative属性时,父元素的overflow:hidden属性就会失效. 解决办法: 我们在IE 6内发现子元素会超出父元素设定的高度,即使父元素设置了overflow:hidden. 解决这个bug很简单,在父元素中使用position:relative;即可解决该bug ie7和ie6 发现在ie6和ie7里面overflow:hidden无效,还是会超出外层div 后来在外层div上面加上position:rel

CSS中的zoom属性和scale属性的用法及区别

  zoom 属性 语法: zoom:normal | | 默认值:normal 适用于:所有元素 继承性:有 取值: normal: 使用对象的实际尺寸. : 用浮点数来定义缩放比例.不允许负值 : 用百分比来定义缩放比例.不允许负值 说明: 设置或检索对象的缩放比例. 对应的脚本特性为zoom. Scale属性 scale属性的取值为2个,它本身其实相当于一个函数,因为它的写法就和函数一样: scale(); scale(x); scale(x,y); 1.scale(x,y) 对元素进行缩

CSS中使用clearfix清除浮动的方法

  首先在很多很多年以前我们常用的清除浮动是这样的. CSS Code复制内容到剪贴板 .clear{clear:both;line-height:0;} 现在可能还可以在很多老的站点上可以看到这样的代码,相当暴力有效的解决浮动的问题.但是这个用法有一个致命伤,就是每次清除浮动的时候都需要增加一个空标签来使用. 这种做法如果在页面复杂的布局要经常清楚浮动的时候就会产生很多的空标签,增加了页面无用标签,不利于页面优化.但是我发现大型网站中 居然还在使用这种清楚浮动的方法.有兴趣的同学可以上他们首页

详解CSS中clear:left/right的用法

一.理解clear: left/clear: right 当想到clear: left的时候,自然会认为是"清除左浮动",clear: right是清除右浮动. 其实现在想想,这样的理解与表示是不严谨的欠考虑的. 一般,现在中文圈流传的表述是: clear语法: clear : none | left | right | both 取值: none : 默认值.允许两边都可以有浮动对象 left : 不允许左边有浮动对象 right : 不允许右边有浮动对象 both : 不允许有浮动

css中Float属性深入剖析与应用

一.Float的特性 1. 应用于文字围绕图片 2. 创建一个块级框 3. 多列浮动布局 4. 浮动元素的宽度.高度自适应,但可以设置其值. 二.核心解决的问题 文字围绕图片:img标签与多个文本标签放置在一个容器中,如果img浮动,文本标签会围绕图片. <imgsrc="../img/a.jpg"style=" width: 100px; height: 200px; float: left;"alt="">         <

CSS中clear清除元素容器浮动

1. 问题的由来 有这样一种情形:在一个容器(container)中,有两个浮动的子元素,如图一.   (图一 设计视图是一个父容器中含有二个浮动的子元素) 请问HTML代码应该怎么写? 很简单啦,几行字就够了.  代码如下 复制代码 <div> <div style="float:left;width:45%;"></div> <div style="float:right;width:45%;"></div&