思考不同情况下(如灰色高度是根据内容动态变化的)水平垂直居中的解决方案。 动手试一试各种情况的组合,父元素和子元素分别取不同的 position 值。思考 position 属性各种取值的真正含义,尤其是 absolute 究竟是相对谁而言的。 注意测试不同情况,尤其是极端情况下的效果。 调节浏览器宽度,灰色元素始终水平居中。 调节浏览器高度,灰色元素始终垂直居中。 调节浏览器高度和宽度,黄色扇形的定位始终准确。 其他效果图中给出的标识均被正确地实现,错一项扣一分。