%定位和大小调整在HTML中是如何工作的？

下图是3个DIV，其中

位置：绝对
以Chrome渲染。它们都属于同一父DIV


绿色和红色有
左：25%
，紫色有
左：50%
红色有
左侧：25%
和
宽度：25%

问题：为什么红色会延伸成紫色，而不是仅仅接触紫色的左侧

这是因为您已将一些
填充设置为该div

请设置
填充：0px
然后重试。
如果可能，请提供fiddle红色div是否应用了填充？是否为元素设置了边框或填充？这些增加了元素的大小，使其大于指定的宽度。请再显示一些代码！它在这里可以正常工作：也许你的问题在别处，也许发布你的html和css。