关于chrome dev工具中关于自动边距的计算样式是错误的

时间:2016-02-01 02:05:23

标签: html css google-chrome-devtools

CSS规范指出here

  

以下约束必须包含在其他属性的已使用值中:

     

'利润率左' +' border-left-width' +' padding-left' +'宽度' +' padding-right' +' border-right-width' +' margin-right' =包含块的宽度

给出测试html文件



* {
  margin: 0px;
  padding: 0px;
}
div {
  background-color: red;
  width: 500px;
  height: 150px;
}
p {
  background-color: #eee;
  width: 400px;
  margin-left: 200px;
  margin-right: auto;
}

<div>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit adipisci id, sint dolore. Vero eligendi velit, aperiam ipsam ipsa consequatur aut deleniti cum fugit placeat suscipit cupiditate quis obcaecati est.</p>
</div>
&#13;
&#13;
&#13;

以chrome格式打开此页面,我们会看到右边距为100px。我认为这不对,对吧?或者我想念什么? Wrong screenshot

然后我在样式面板中切换margin-right: auto,Chrome会显示正确的边距正确值-100px,我认为: Correct screenshot

这是Chrome错误吗?

0 个答案:

没有答案