CSS定位和大小调整行为

时间:2012-10-04 08:46:23

标签: css

我试图学习一点CSS并且即将放弃定位和调整元素的大小。

为什么

#name {

height: 25% ;
}

导致div保持其内容所需的大小(例如,如果只有一行文字,则div只有一行高度)

但是,只要我添加position: relative ;,它就会高出25%?

这似乎意味着每次我想要一个元素来改变它的大小时我必须添加位置属性,即使我不想把它从静态中取出来流动。

此外,我不明白我应该选择哪个单位进行尺寸调整。 em,px,百分比...它有点矫枉过正。我认为每次使用%以保持布局"动态"或"响应",这是假的吗?

最后一件事:为什么大多数设计师使用class - 属性而非id,就我看来几乎未使用

1 个答案:

答案 0 :(得分:1)

不同的元素应用了不同的默认display值,例如:div的默认displayblockspan元素使用{{} 1}},您可能正在尝试调整inline元素的高度。

至于测量,它们都有它们的位置,但我通常会尝试坚持inline,因为尺寸将根据字体大小进行调整。在某些情况下,百分比和px一样有用。但是,就响应式设计而言,您应该主要使用媒体查询(尽管使用百分比测量也可以在这方面提供帮助)。

要回答你的最后一个问题,ids只能在html中使用一次,因此只能应用于一个元素,对于许多元素,类可以多次使用,所以只有更多的声明才会有意义他们在HTML中。