如何设置框的宽度与屏幕的宽度相同？

现在我正在用HTML，CSS编码移动页面。我想设置一个框，该框的背景颜色更美丽，并带有一些文本来显示信息。但是，当我设置宽度为100％，框的宽度是不一样的屏幕的width.And这不是我想要的。如何在CSS中解决此问题？

我已经尝试过“宽度：100％”，但是失败了。我的CSS是：

div
{
    position: absolute;
    top: 105px;
    left: 0;
    height: 47px;
    width: 100%;
    line-height: 47px;
    background-color: rgba(255,108,108,0.5);
}

HTML是：

<div><span>my number:<span><span>517014910</span></div>