对一个元素使用“px”和“%”

时间:2010-06-01 10:57:27

标签: html css

这对于像

这样的元素使用“px”和“%”是正确的
.box{
padding:10px 2% 0 3%;
}

这是在css中使用的权利。

5 个答案:

答案 0 :(得分:3)

正如CSS 2.1 specification for padding(强调我的)

所述
  

'padding'属性是一种速记属性,用于在样式表中的同一位置设置'padding-top','padding-right','padding-bottom'和'padding-left'。

     

如果只有一个值,则适用于所有方面。如果有两个值,则顶部和底部填充设置为第一个值,右侧和左侧填充设置为第二个。如果有三个值,则将top设置为第一个值,将left和right设置为第二个值,将bottom设置为第三个值。 如果有四个值,则分别应用于顶部,右侧,底部和左侧。

所以padding: 10px 2% 0 3%;等同于

padding-top: 10px;
padding-right: 2%;
padding-bottom: 0;
padding-left: 3%;

这是完全有效的CSS。

玩得开心!

答案 1 :(得分:1)

与其他人建议的一样,混合使用不同的测量单位很好,但为了更进一步,我不担心将它们保持在同一个UOM中,您可能对顶部,右侧,底部和左侧的值有不同的定位要求。一个元素。

答案 2 :(得分:0)

是的,你可以很好地混合百分比和像素值。它不符合你的预期吗?

答案 3 :(得分:0)

可以使用不同的测量(浏览器不会抱怨),但最好只使用相同的测量。 (所有百分比或所有像素)

答案 4 :(得分:0)

是。这只是一个简短形式:

padding-top: 10px;
padding-right: 2%;
padding-bottom: 0;
padding-left: 3%;

代码有效 - 您为不同的属性使用不同的单位。没错。