我刚刚发现了box-sizing: border-boxCSS属性,它为我解决了一堆跨浏览器布局问题。
box-sizing: border-box
我现在唯一的问题是IE7似乎不支持它。是否有破解程序可以使IE7支持它?
我假设您正在使用它来解决IE6盒模型。不幸的是,实际上没有通用的方法可以诱骗早期版本的IE支持任意CSS属性。
我建议不要使用该box-sizing属性,因为除IE6之外的所有浏览器都将正确实现box模型。在维基百科的文章做了解释如何IE6不同的一个好工作。
box-sizing
为了解决这个问题,我建议对IE6使用单独的样式表,并使用IE条件注释将其包括在内。在IE6样式表中,可以指定不同的宽度/高度/填充/边距,以使布局看起来一致。您只能像这样包含IE6的样式表:
<!--[if IE 6]> <link href="ie6sucks.css" rel="stylesheet" type="text/css" /> <![endif]-->