我有一个在Chrome,IE和FF中没有正确排列的div.Chrome需要左侧填充:40px; 虽然IE和FF没有.我一直在玩,如果几个小时,我知道我错过了一些简单的东西.这就是我一直在尝试的:
<!--[if !IE]>-->
<link href="non-ie.css" rel="stylesheet" type="text/css">
<!--<![endif]-->
Run Code Online (Sandbox Code Playgroud)
我也试过普通的style.css:
<!--[if !IE]-->
#lower .expo {padding-left:40px;}
<!-- <![endif]-->
Run Code Online (Sandbox Code Playgroud)
或#lower .expo {width:400px; 填充顶:40像素; 向左飘浮;}
我也试过这个:
#lower .expo {width:400px; padding-left:40px; padding-top:40px; float:left;}
<!--[if gt IE 6]>
#lower .expo {width:400px; padding-top:40px; float:left;}
<!-- <![endif]-->
Run Code Online (Sandbox Code Playgroud)
有趣的是,如果我这样做:
<!--[if gt IE 6]>
#lower .expo {width:400px; padding-top:40px; float:left;}
<![endif]-->
#lower .expo {width:400px; padding-left:40px; padding-top:40px; float:left;}
Run Code Online (Sandbox Code Playgroud)
IE显示正确但不是FF或Chrome.这让我疯狂.我一定错过了一些简单的东西,但我一直在看它太久了.