主站
经典论坛
家园
作品集
Think.Pages
维基
桌面
聚合
注册
登录
专长会员
帮助
客服QQ:6650171
经典论坛
»
WEB标准化专栏
» div浮动之后会往下移动的问题怎么解决~~
‹‹ 上一主题
|
下一主题 ››
发新话题
发布投票
发布商品
发布悬赏
发布活动
发布辩论
发布视频
打印
[讨论]
div浮动之后会往下移动的问题怎么解决~~
jevin
[楼主]
小丑鱼
银牌会员
帖子
1465
体力
2657
威望
0
当前
上海 杨浦
个人空间
发短消息
加为好友
1
#
大
中
小
发表于 2008-5-17 13:54
浮动之后,如果浏览器缩小到很小,div这样的块级元素就会往下走~~~,同样的1行3列,table好像就不会
DIV浮动的
<!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> body { margin:0; padding:0; } .div1 { width:200px; height:300px; float:left; } .green { background:#0F0; } .red { background:#F00; } .blue { background:#00F; } </style> </head> <body> <div class="div1 green"></div> <div class="div1 red"></div> <div class="div1 blue"></div> </body> </html>
提示:您可以先修改部分代码再运行
TABLE的
<!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> body { margin:0; padding:0; } .div1 { width:200px; height:300px; float:left; } .green { background:#0F0; } .red { background:#F00; } .blue { background:#00F; } </style> </head> <body> <table width="600" height="300" border="0" cellpadding="0" cellspacing="0"> <tr> <td bgcolor="#FF0000"> </td> <td bgcolor="#0000FF"> </td> <td bgcolor="#00FF00"> </td> </tr> </table> </body> </html>
提示:您可以先修改部分代码再运行
xhtml/css/Ajax/AS/php/mysql你才是程序员,你家全是程序员 -__-
积分
2657
阅读权限
70
在线时间
1323 小时
注册时间
2006-3-14
最后登录
2008-10-13
查看详细资料
TOP
做西部数码代理.Cn1元国际45元
|
将虚拟化进行到底
jevin
[楼主]
小丑鱼
银牌会员
帖子
1465
体力
2657
威望
0
当前
上海 杨浦
个人空间
发短消息
加为好友
2
#
大
中
小
发表于 2008-5-17 13:55
除了定义body宽度或者外面再加个固定的div宽度外 还有什么办法吗
定义下总体宽度就正常了
<!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> body { margin:0; padding:0; } .div2{ width:600px; } .div1 { width:200px; height:300px; float:left; } .green { background:#0F0; } .red { background:#F00; } .blue { background:#00F; } </style> </head> <body> <div class="div2"> <div class="div1 green"></div> <div class="div1 red"></div> <div class="div1 blue"></div> </div> </body> </html>
提示:您可以先修改部分代码再运行
xhtml/css/Ajax/AS/php/mysql你才是程序员,你家全是程序员 -__-
积分
2657
阅读权限
70
在线时间
1323 小时
注册时间
2006-3-14
最后登录
2008-10-13
查看详细资料
TOP
美橙vps独立IP月付189元
‹‹ 上一主题
|
下一主题 ››
版块跳转
内部交流区
网站开发区
前台制作与脚本专栏
后台数据库编程
WEB标准化专栏
WAP 技术专栏
平面设计区
艺术与设计论坛
Adobe Photoshop 专栏
Fireworks 专栏
矢量图形专栏
插画手绘交流
交互设计区
用户体验综合版
UI图形设计
RIA设计与应用
Flash 8 及之前版本
Flash CS3 及 AS3
Silverlight 专版
Director 专栏
其它技术讨论区
计算机技术
英语学习和技术翻译
摄影欣赏与技术交流
无线通讯与数码设备
信息平台
企业招聘
学习工作交流区
创业版