css - CSS 定位和大小调整行为

Question

我正在尝试学习一点 CSS，并且即将放弃定位和调整元素大小。

为什么

#name {

height: 25% ;
}

导致div保持其内容所需的大小（例如，如果只有一行文本，则div高度仅为一行）。

但是一旦我添加position: relative ;它就会高出25％？

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

我也不明白我应该为我的尺码选择哪个单位。em，px，百分比......这有点矫枉过正。我认为每次都使用 % 以保持布局“动态”或“响应”会很有用，这是错误的吗？

最后一件事：为什么大多数设计师使用class-attribute 而不是id，据我所知，它几乎没有使用

Answer 1

不同的元素display应用了不同的默认值，例如： adiv有一个默认值display，block而span元素使用inline，您可能正在尝试调整inline元素的高度。

至于尺寸，它们都有自己的位置，但是我通常会尝试坚持，em因为尺寸会随着字体大小而调整。百分比在某些情况下很有用，px 也是如此。然而，就响应式设计而言，您应该主要使用媒体查询（尽管使用百分比测量也可以在这方面有所帮助）。

要回答您的最后一个问题，id 只能在 html 中使用一次，因此只能应用于一个元素，类可以多次用于许多元素，因此只有在html。