CSS布局overflow hidden的说明 没搞懂。_html/css_WEB-ITnose
程序员文章站
2022-05-08 21:46:12
...
代码如下。
无标题文档
运行代码后在IE7和IE6下的显示示例。
在IE8.0下的显示实例
我想问的就是。
在#con_t{ width:960px; height:auto; background:#CCC scroll 0 0; margin:0 auto; padding-bottom:20px;}
加入 overflow:hidden;以后ie7和IE8都显示一样的结果了。那明明overflow:hidden;是隐藏超出部分。为什么还有这个功能?》
http://www.viuoo.com/a/DIV/2012_0602_114.html 这个是原始地址。大家帮忙理解下。
具体可参见
http://www.zhangxinxu.com/wordpress/2010/01/%e5%af%b9overflow%e4%b8%8ezoom%e6%b8%85%e9%99%a4%e6%b5%ae%e5%8a%a8%e7%9a%84%e4%b8%80%e4%ba%9b%e8%ae%a4%e8%af%86/
更多方法可参考
http://www.qianduan.net/universal-to-remove-floating-style.html
new_list
运行代码后在IE7和IE6下的显示示例。
在IE8.0下的显示实例
我想问的就是。
在#con_t{ width:960px; height:auto; background:#CCC scroll 0 0; margin:0 auto; padding-bottom:20px;}
加入 overflow:hidden;以后ie7和IE8都显示一样的结果了。那明明overflow:hidden;是隐藏超出部分。为什么还有这个功能?》
http://www.viuoo.com/a/DIV/2012_0602_114.html 这个是原始地址。大家帮忙理解下。
回复讨论(解决方案)
楼主 这是清除浮动的简便方法,
无标题文档 new_list
具体可参见
http://www.zhangxinxu.com/wordpress/2010/01/%e5%af%b9overflow%e4%b8%8ezoom%e6%b8%85%e9%99%a4%e6%b5%ae%e5%8a%a8%e7%9a%84%e4%b8%80%e4%ba%9b%e8%ae%a4%e8%af%86/
更多方法可参考
http://www.qianduan.net/universal-to-remove-floating-style.html
楼主 这是清除浮动的简便方法,
HTML code
学习了,很有用
new_list
上一篇: MYSQL 数据库同步
推荐阅读
-
关于css中overflow:hidden的使用_html/css_WEB-ITnose
-
关于css中overflow:hidden的使用_html/css_WEB-ITnose
-
CSS布局overflow hidden的说明 没搞懂。_html/css_WEB-ITnose
-
已知overflow生效隐藏溢出内容,如何将隐藏了一半没全隐藏的内容隐藏掉····_html/css_WEB-ITnose
-
CSS布局overflow hidden的说明 没搞懂。_html/css_WEB-ITnose
-
如何显示overflow:hidden 的被隐藏的内容_html/css_WEB-ITnose
-
关于overflow-y:hidden; overflow-X:auto;在IE9的问题_html/css_WEB-ITnose
-
在一个容器中有一个float:left的img和一个无float的div,为什么div加上overflow:hidden就能实现和img左右分开的效果?_html/css_WEB-ITnose
-
已知overflow生效隐藏溢出内容,如何将隐藏了一半没全隐藏的内容隐藏掉····_html/css_WEB-ITnose
-
关于overflow-y:hidden; overflow-X:auto;在IE9的问题_html/css_WEB-ITnose