％定位和大小调整在HTML中如何工作？

Question

以下图片为3 DIV，并在Chrome中呈现position:absolute。所有属于同一父DIV。

• 绿色和红色有left:25%，紫色有left:50%。
• 红色有left:25%和width:25%。

问题：为什么Red会延伸到Purple，而不是只触及Purple的左侧？

Answer 1

这是因为您已为该div设置了一些padding。

请设置padding:0px;，然后重试。