omiga

简单就好

纯CSS实现IE6 max-width

7条评论»

max-width

前段时间看到的一个纯CSS实现IE6 max-width属性的方法。原理就是通过两个浮动层(leftpad,rightpad)的负边距来构成一个“内容区”。

没有什么其他好解释的了,看下图,再看下例子:center,left,right

评论(7)

Mr.tian(): #1回复

使用负边距实现max-width的同时,也会出现min-width的吧。 就你上面的例子,max-width:960px;min-width:480px;同时应该要设置左右两栏的高度(或者充填内容),布局在ff下才可通用;

mrtian(): #2回复

而且只是IE下出现min-width现象!

jamesanthony(): #3回复

有必要这么折腾吗..

chensulong@sina.com(): #4回复

width+overflow对IE6就是maxwidth啊。何必这么麻烦呢。添加了不必要无语义的元素。实现的效果还没有什么不同。 不如用一行实现 .inner{max-width:960px;width:auto !important;width:960px;_overflow:hidden}来实现。效果更好。不会导致异常的浮动和溢出隐藏。

shaominchen(): #6回复

哥们 这个问题我一直解决不了 看了你的代码还是不懂 可能我比较菜 能否把代码发一份到我邮箱,非常感谢 如果真的可以纯css 那你真的是高手中的高手

发表评论

  • (必填)
  • (该信息不会公开)(必填)

全屏