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
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28