position: relative; overflow: hidden;

position: relative; 和 overflow: hidden; 都是 CSS 样式属性。

position: relative; 表示相对定位，它会使元素相对于其原来的位置进行移动，但是不会影响到其他元素的位置。如果给元素设置了 position: relative;，那么可以通过 top、bottom、left、right 属性来控制元素的位置。需要注意的是，相对定位的元素仍然占据原来的空间。

overflow: hidden; 则是用于控制元素的溢出内容的隐藏。当元素内部的内容超出了设定的高度或宽度时，如果设置了 overflow: hidden;，则超出的部分会被隐藏起来。这个属性在制作响应式页面时非常有用，可以避免页面出现滚动条。

相关问题

position: relative;overflow: hidden

position: relative;overflow: hidden; 是CSS中的样式属性，它们可以同时应用于一个元素。

position: relative; 表示相对定位，即元素的位置是相对于其原本的位置进行调整。使用这个属性后，可以通过 top, bottom, left, right 属性来设置元素相对于原来的位置进行偏移。

overflow: hidden; 表示超出部分隐藏，即限制元素的高度或宽度，使得超出这个高度或宽度的内容不可见。

同时应用于一个元素时，overflow: hidden; 可以限制元素的尺寸，使得超出部分不可见；而 position: relative; 可以使得该元素具有相对定位，便于调整其位置。

overflow: hidden; position: relative;

overflow: hidden;是CSS属性，用于控制元素的溢出内容的显示方式。当元素的内容超出了其指定的尺寸时，可以使用overflow: hidden;来隐藏超出部分的内容。

position: relative;也是CSS属性，用于指定元素的定位方式。当元素设置了position: relative;时，它会相对于其正常位置进行定位，而不会影响其他元素的布局。

以下是一个例子，演示了overflow: hidden;和position: relative;的使用：

<div style="height: 100px; width: 100px; background: #CCC; overflow: hidden; position: relative;">
  <div style="height: 300px; width: 90px; background: #999; position: relative;"></div>
</div>

在上面的例子中，外层的div设置了高度为100px、宽度为100px，并且设置了overflow: hidden;和position: relative;。内层的div设置了高度为300px、宽度为90px，并且设置了position: relative;。

由于外层div设置了overflow: hidden;，超出其尺寸的内层div部分会被隐藏起来。而内层div设置了position: relative;，它会相对于其正常位置进行定位。