相关疑难解决方法(0)

我们现在开始calc()在css中使用,用于设置计算结果的宽度.例如:

<div id='parent'>
<div id='calcWidth'></div>
</div>


   #parent{
           width:100px;
           }
   #calcWidth{
            width:calc(100% - 3px);
            height:100px;
            background:red;
           }

我知道它是如何calc()工作的,但我只是想知道在css中返回什么,代替calc(100% - 3px);上面给出的例子.

我的困惑是什么？

• 在上面的例子中 width:calc(100% - 3px);

• 说100%宽度实际上100px是在运行时由css确定的.

• 所以计算出的宽度为100px-3px=97px97px,如果将其转换为% 97%右边？

但现在,有两种可能性

• 97px 返回,设置为宽度.

• 97% 返回,设置为宽度.

我的问题是:

在这两种情况下,现在的宽度应设置为97px,但什么是返回的结果width:calc(100% - 3px);,97pxOR 97%？

你也可以看到这个小提琴:http: //jsfiddle.net/8yspnuuw/1/

编辑:请阅读

见朋友:举一个简单的例子:

 <div class='parent'>
    <div class='child'>
    </div>
    </div>

.parent{
width:200px;
}
 .child{
  width:20%
  }

我知道渲染时子的宽度将变为160像素.好的!但那不是css中设置的那个吗？css将其设置为%,它只是以像素呈现.

所以类似地,使用calc,它会返回% …