position:fixed固定的div随着分辨率改变宽度小于该div时超出部分不显示了

[Hurry Up^]

<div class="bar-wrapper">
	<div class="bar-right">
		<div class="piece">
			已选商品<strong class="piece_num">0</strong>件
		</div>
		<div class="totalMoney">
			共计: <strong class="total_text">￥0.00</strong>
		</div>
               <div class="calBtn">
		<a href="javascript:;">结算</a>
		</div>
	</div>
</div>

.bar-wrapper {
	width: 1094px;
	height: 54px;
	position: fixed;
	bottom: 0px;
	margin-left:auto;
	marigin-right:auto;
	z-index: 99999;
	background: #e5e5e5;
}

按照上面的逻辑，我尝试更换width为百分比参数，有一些分辨率下超出部分还是会隐藏
改变分辨率之前：

改变分辨率之后：

求大神 怎么解决这个问题啊 搞了好几天了

[Hurry Up^]

[___紫菜]

bar-right这个宽度不是100%？

[曙色萌动]

css发全点嘛，还有