解决页面右边空白问题

.header{
width:100%;
height:100px;
background:red;
color:#333333;
}

<div class="header">
aaaaaaaaaaaaaaeeeeeeeeeeeeeeeeeeeeeeddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddssssssssssssssssssssssssssssssssqqqqqqqqqqqqqq
</div>

这样写样式，会造成当页面缩小时，向右拉动滚动条，发现右边有空白。