小编Opt*_*tox的帖子

我是CSS的初学者,所以这可能是一个愚蠢的问题,但我仍然无法弄明白:).我试图用百分比将3个区块放在一起.到目前为止我所拥有的是:

    #notification {
        display: inline-block;
        height: 100px;
        width: 100%;
    }

    #date_pane{
        display: inherit;
        height: inherit;
        width:15%;
    }

    #text_pane{
        display: inherit;
        height: inherit;
        width: 75%;         
    }

    #arrow_pane{
        display: inherit;
        height: inherit;
        width:10%;          
    }

最后一个方格站在下一行.我不知道为什么？有人知道这会发生什么吗？

我的HTML是:

<div id="notification">
    <div id="date_pane"></div>
    <div id="text_pane"></div>
    <div id="arrow_pane"></div>
</div>

这是一个小提琴