如下圖所示，活動規(guī)則的按鈕，設置了right負值之后，頁面出現(xiàn)了橫向的滾動條，只是想讓按鈕的一部分超出頁面，這樣實現(xiàn)不了，想知道為什么會出現(xiàn)滾動條？

.btn-rule{
    display: inline-block;
    width: 1.9467rem;
    height: 0.6133rem;
    line-height: 0.6133rem;
    padding-left:0.2667rem;
    border-radius: 0.5333rem;
    -webkit-border-radius: 0.5333rem;
    background-color:#ffb840;
    top: 0.3067rem;
    right: -0.2667rem;
    position: absolute;
    font-size: 0.32rem;
    color:#fff;
    letter-spacing: 0.0133rem;
}