为什么我不能将元素与display右对齐:block和width:X?

Dan*_*Tao 11 css layout text-alignment

总共n00b问题(至少对CSS精英来说):

为什么具有both display: block;和value 的元素width似乎不符合text-align其父元素的属性?也就是说,似乎总是坚持保持向左.

这是一个说明问题的jsFiddle.

显然,这必须与CSS规范一致(我的意思是,如果Chrome,Firefox和Opera都同意它,我毫不怀疑); 我真的不明白.

mic*_*d82 12

文本在150px框内对齐.那是正确的.块元素将不与父级中的text-align对齐.

要解决此问题,您需要在.width div上使用display: inline-block或使用float: right.

编辑:使用float,添加clear: right以避免它与前一个div在同一行