解决div+css布局左右浮动问题-Powered by 25yicms

在我们进行div+css网页布局时，难免会出现css布局左右出现浮动的问题，如有时右边的这一列会浮动在左边的下方或者右下方、左右布局不对等的问题。那么如何处理好div+css布局左右浮动问题呢？

先看以下代码片段：

css代码：

#left{ float:left;width:200px;}

#right{ float:right;width:８00px;}

页面代码：

<body>

</div>

</body>

这是我们css书写使用最常用的代码来进行左右布局。css的书写还有其它的方式，如左侧固定好宽度右侧自动适应。

左侧固定好宽度右侧自动适应css代码：

#left{float:left; width:200px;}

#right{margin-left:200px;}

上面css的书写是最标准的css的书写，如果在以上的基础上书写的css代码而出现了左右浮动的现象，那就需要检查左右侧里面的代码是否书写规范，</div>此div结尾代码是否多写或少写而导致的。我们只需要注意以上情况，基本就可以解决好div+css布局左右浮动问题。