添加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，在页脚包装内部粘贴约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，在“wrapper”中的所有内容之后，使用float：就在它上面。它将出现在您的包装器的右侧。然后，按照惯例调整你的位置。