核心提示：上次分享了《DIV+CSS网页设计制作页面布局技巧分享！》，相信我们对网页布局技巧方面已经有所了解，其实在我们进行p+css网页布局时，还会出现css布局左右出现浮动的问题。这里就在分享下如何处理p+...
上次分享了《DIV+CSS网页设计制作页面布局技巧分享！》，相信我们对网页布局技巧方面已经有所了解，其实在我们进行p+css网页布局时，还会出现css布局左右出现浮动的问题。这里就在分享下如何处理p+css布局左右浮动问题。
先看以下代码片段：
css代码：
#left{ float:left;width:200px;}
#right{ float:right;width:８00px;}
页面代码：
<body>
<p id="content">
<p id="left">左边一栏</p>
<p id="right">右边一栏</p>
</p>
</body>
这是我们css书写使用最常用的代码来进行左右布局。css的书写还有其它的方式，如左侧固定好宽度右侧自动适应。
左侧固定好宽度右侧自动适应css代码：
#left{float:left; width:200px;}
#right{margin-left:200px;}
#left{float:left; width:200px;}
#right{margin-left:200px;}
上面css的书写是最标准的css的书写，如果在以上的基础上书写的css代码而出现了左右浮动的现象，那就需要检查左右侧里面的代码是否书写规范，</p>此p结尾代码是否多写或少写而导致的。我们只需要注意以上情况，基本就可以解决好p+css布局左右浮动问题了。转载请注明：http://www.jnsino.com
