在IE6中,当给某元素设置float时,同时给该元素设置margin时,他会有双倍外边距的问题
p {
float:right;
margin-right:10px; /*页面真正显示的是margin-right:20px */
}
解决方案1
p {
float:right;
margin-right:10px; /*页面真正显示的是margin-right:20px */
_margin-right:5px; /*利用ie6的hack写法*/
}
解决方案2
思路:对于一个浮动元素来说,设置display:inline没有任何意义,
但是可以解决IE6的双倍边距问题。
p {
float:right;
margin-right:10px; /*页面真正显示的是margin-right:20px */
display: inline;
}