css - 使用 CSS 垂直拆分页面

Question

抱歉大家提出了一个非常简单的问题，但我已经尝试将一个 div 向左浮动，一个向右浮动，并沿这些线预定义宽度

<div style="width: 100%;">
    <div style="float:left; width: 80%">
    </div>
    <div style="float:right;">
    </div>
</div>

虽然这个“大部分”有效，但它似乎弄乱了它下面页面上的其他元素。

那么在不影响页面上其他元素的情况下，为什么要使用 CSS 将 HTML 页面垂直拆分为两部分的正确做法是什么？

Answer 1

你可以使用..

<div style="width: 100%;">
   <div style="float:left; width: 80%">
   </div>
   <div style="float:right;">
   </div>
</div>
<div style="clear:both"></div>

现在这个下面的元素不会受到影响。