html - 添加 div 而不打乱其他 div 的位置

Question

我有一个页脚包装器，它有两个 div，彼此相邻，具有以下 css

#Footer {
    font-size:.9em;
    margin-bottom:0px;
    max-width:100%;
    min-width:10%;
    background-color:#c0bdbb;
    text-align: center;
    margin:0px;    
} 

#FooterListLeft {
    color:#333333;
    margin: 5px;
    display: inline-block; 
    text-align:left;
    vertical-align:top;
}

#FooterListRight {
    color:#676767;
    margin: 5px;
    display: inline-block; 
    text-align:left;
    vertical-align:top;
}

它们完美地位于包装器 div 的中心。如何在不将它们向左或向右推的情况下将另一个 div 添加到右侧，将其粘在页脚 wrapper 内约 25%？

这是我的html

`

    <div id="FooterListLeft" > 
        <ul>
           <li>list1</li>
        </ul> 
    </div>

    <div id="FooterListRight" > 
        <ul>
            <li>list2</li>
        </ul>
    </div>

    <div id="FooterNew">
        new content
    </div>

</div>`

Answer 1

将整个“包装器”放入一个新的 div 中。在新 DIV 中添加另一个 DIV，在“包装器”中的所有内容之后，上面有一个 float:right。它会出现在 wrapper 的右侧。然后，相应地调整你的位置。