+ -
当前位置:首页 → 问答吧 → float浮动问题DIV显示异常,不知道CSS错在哪

float浮动问题DIV显示异常,不知道CSS错在哪

时间:2011-05-11

来源:互联网


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/css"> <!-- body,html{ padding:0px; text-align:center; background:#1570a4; margin:0px auto 0px auto; } #container{ position:relative; margin:0px auto; padding:0px; width:750px; } #bgcolor{ background-color:#FFFFFF; padding:10px 5px 10px 5px; } #content{ width:100%; height:258px; } #content_left{ float:left; width:455px; height:258px; } #content_left_top{ height:30px; padding-left:10px; text-align:left; background-color:#666; } #content_left_bottom{ height:207px; border:1px solid #136593; padding:10px; } #content_right{ float:right; height:258px; width:275px; } #content_right_top{ padding-left:10px; text-align:left; height:30px; background-color:#666; } #content_right_bottom{ height:207px; padding:10px; border:1px solid #136593; } #pic{ height:148px; background-color:#666; padding:20px 30px 20px 0px; margigin-top:10px; } --> </style> </head> <body> <!-- 网页主体起始 --> <div id="container"> <!-- LOGO起始 --> <div id="banner"><img name="" src="" width="750" height="150" alt="LOGO" /></div> <!-- LOGO结束 --> <!-- 网页内容起始 --> <div id="bgcolor"> <div id="content"> <!-- 新闻动态起始 --> <div id="content_left"> <div id="content_left_top"></div> <div id="content_left_bottom">content_left</div> </div> <!-- 新闻动态结束 --> <!-- 视频模块起始 --> <div id="content_right"> <div id="content_right_top"></div> <div id="content_right_bottom">content_right</div> </div> <!-- 视频模块结束 --> </div> <!-- 图片滚动起始 --> <div id="pic">pic</div> <!-- 图片滚动结束 --> </div> <!-- 网页内容结束 --> </div> <!-- 网页主体结束 --> </body> </html>
 提示:您可以先修改部分代码再运行
就是pic这个版块与content版块的问题,pic版块float设成both,显示正常,可content没设浮动,pic为什么会收浮动影响呢

作者: finalwind   发布时间: 2011-05-11

额,原来是margin写错了。。

作者: finalwind   发布时间: 2011-05-11