纯CSS实现IE6 max-width 2009-11-13 17:32:52 7条评论» 前段时间看到的一个纯CSS实现IE6 max-width属性的方法。原理就是通过两个浮动层（leftpad,rightpad）的负边距来构成一个“内容区”。 没有什么其他好解释的了，看下图，再看下例子：center,left,right。 相关文章 XHTML&CSS_reference 一个分辨率自适应的典型布局 Firefox，Opera不支持通用字体系列名定义 CSS Naked Day 2009 «2 years[上一篇] [下一篇 ]星期一» 评论(7) Mr.tian(2009-11-17 11:28:46): #1回复 使用负边距实现max-width的同时，也会出现min-width的吧。 就你上面的例子，max-width:960px;min-width:480px;同时应该要设置左右两栏的高度(或者充填内容),布局在ff下才可通用; mrtian(2009-11-17 11:30:15): #2回复 而且只是IE下出现min-width现象！ jamesanthony(2009-12-08 11:13:58): #3回复 有必要这么折腾吗.. chensulong@sina.com(2010-11-22 15:35:33): #4回复 width+overflow对IE6就是maxwidth啊。何必这么麻烦呢。添加了不必要无语义的元素。实现的效果还没有什么不同。 不如用一行实现 .inner{max-width:960px;width:auto !important;width:960px;_overflow:hidden}来实现。效果更好。不会导致异常的浮动和溢出隐藏。 omiga(2010-11-23 23:14:43): #5回复 @chensulong@sina.com: 你是把宽度限死了 shaominchen(2011-08-15 17:28:58): #6回复 哥们 这个问题我一直解决不了 看了你的代码还是不懂 可能我比较菜 能否把代码发一份到我邮箱，非常感谢 如果真的可以纯css 那你真的是高手中的高手 omiga(2011-08-15 22:35:39): #7回复 @shaominchen: 文中有demo链接哦～ 发表评论 取消回复 昵称(必填) 电子邮箱(该信息不会公开)(必填) 个人网站 全屏
Mr.tian(2009-11-17 11:28:46): #1回复 使用负边距实现max-width的同时，也会出现min-width的吧。 就你上面的例子，max-width:960px;min-width:480px;同时应该要设置左右两栏的高度(或者充填内容),布局在ff下才可通用;
chensulong@sina.com(2010-11-22 15:35:33): #4回复 width+overflow对IE6就是maxwidth啊。何必这么麻烦呢。添加了不必要无语义的元素。实现的效果还没有什么不同。 不如用一行实现 .inner{max-width:960px;width:auto !important;width:960px;_overflow:hidden}来实现。效果更好。不会导致异常的浮动和溢出隐藏。
shaominchen(2011-08-15 17:28:58): #6回复 哥们 这个问题我一直解决不了 看了你的代码还是不懂 可能我比较菜 能否把代码发一份到我邮箱，非常感谢 如果真的可以纯css 那你真的是高手中的高手 omiga(2011-08-15 22:35:39): #7回复 @shaominchen: 文中有demo链接哦～
评论(7)
使用负边距实现max-width的同时，也会出现min-width的吧。 就你上面的例子，max-width:960px;min-width:480px;同时应该要设置左右两栏的高度(或者充填内容),布局在ff下才可通用;
而且只是IE下出现min-width现象！
有必要这么折腾吗..
width+overflow对IE6就是maxwidth啊。何必这么麻烦呢。添加了不必要无语义的元素。实现的效果还没有什么不同。 不如用一行实现 .inner{max-width:960px;width:auto !important;width:960px;_overflow:hidden}来实现。效果更好。不会导致异常的浮动和溢出隐藏。
@chensulong@sina.com: 你是把宽度限死了
哥们 这个问题我一直解决不了 看了你的代码还是不懂 可能我比较菜 能否把代码发一份到我邮箱，非常感谢 如果真的可以纯css 那你真的是高手中的高手
@shaominchen: 文中有demo链接哦～