Html IE11中的响应

你好我的CSS代码在所有浏览器中都能正常工作，但在Internet Explorer 11中有水平滚动，但如果我从.portfolio中删除宽度：100%。水平滚动将消失：

这里是我的代码：

.portfolio{
宽度：100%；
}
.投资组合.标题{
位置：相对位置；
边缘底部：20px；
}
h2.背景{
字号：80px；
字号：800；
字母间距：8px；
颜色：#e8e8e8；
文本对齐：居中；
位置：相对位置；
边际：0.60px；
} 
.投资组合.标题ul{
宽度：100%；
位置：绝对位置；
最高：50%；
左：50%；
-moz变换：translateX（-50%）translateY（-50%）；
-ms转换：translateX（-50%）；
-o-转换：translateX（-50%）；
-webkit转换：translateX（-50%）；
转化：translateX（-50%）；
}
.投资组合.标题ul a{
字体大小：14px；
字号：800；
颜色：#000000；
字母间距：6px；
文字装饰：无；
文本转换：大写；
}

文件夹

请使用如下Css代码，它将在任何浏览器中工作：

  .portfolio .heading ul {
      width:100%;
      position: absolute;
      top: 50%;
}

---

问题是宽度：100%，左边：50%，这意味着150%。

---

如果您想同时拥有这两个属性，请使用width:calc（100%-50%）。这将解决您的问题：）

谢谢，但我想知道为什么IE11中会出现此问题