使用CSS垂直分割页面

前端之家收集整理的这篇文章主要介绍了使用CSS垂直分割页面前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
对不起,对于真正简单的问题,但我已经试图用这些行的预定义宽度左右一个div左右
<div style="width: 100%;">
    <div style="float:left; width: 80%">
    </div>
    <div style="float:right;">
    </div>
</div>

虽然这个“大部分”的作品似乎使其下面的页面上的其他元素混乱。

那么什么是正确的为什么要使用CSS将HTML页面垂直分割成两部分而不影响页面上的其他元素?

解决方法

您可以使用..
<div style="width: 100%;">
   <div style="float:left; width: 80%">
   </div>
   <div style="float:right;">
   </div>
</div>
<div style="clear:both"></div>

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

原文链接:https://www.f2er.com/css/219524.html

猜你在找的CSS相关文章