問題產(chǎn)生可能和用了 table-cell 有關(guān)。我把中間文字部分寬度設(shè)置到很大 10000px。就好了...

參考了一個博主的文章，很棒。

-----------原問題--------

沒有設(shè)置右邊margin，但是莫名右邊空出來一截...求助

css

#timeline {
    width: 100%;
    position: relative;
    list-style: none;
    padding: 0;
    a {
        text-decoration: none;
    }
    .listing {
        background: $white;
        box-shadow: 0px 6px 12px 0px rgba(63,62,57,0.06);
        border-radius: 8px;
        padding: 28px;
        margin-bottom: 20px;
        position: relative;
        z-index: 2;
        display: table;
        width: 100%;
        img, .info, .job_type {
            display: table-cell;
            vertical-align: middle;
            font-size: 14px;      
            color: $t2;
        }
        .images_wrapper {
            width: 64px;
            border-radius: 100%;
            background: $background;
            overflow: hidden;
            img {
                width: 100%;
                border-radius: 100%;
                display: block;
            }
        }
        .info {
            line-height: 20px;
            width: 520px;
            padding-left: 28px;
        }

    }
}