主站
经典论坛
家园
作品集
Think.Pages
维基
桌面
聚合
注册
登录
专长会员
帮助
客服QQ:6650171
经典论坛
»
WEB标准化专栏
» 是块显示的问题吗?
‹‹ 上一主题
|
下一主题 ››
发新话题
发布投票
发布商品
发布悬赏
发布活动
发布辩论
发布视频
打印
[求助]
是块显示的问题吗?
adicare
[楼主]
初级会员
帖子
21
体力
53
威望
0
离线
12 天
个人空间
发短消息
加为好友
1
#
大
中
小
发表于 2008-7-1 14:50
<!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=gb2312" /> <title>无标题文档</title> <style> *{ margin:0; padding:0;} body{ font-family:"新宋体"; font-size:12px;} .box{ width:600px; float:left; height:auto;} .left{ width:300px; height:auto; float:left;} .left_top{ width:auto; height:auto; border:1px solid #ccc; background: #ccc;} .left_top ul{ width:auto; height:auto; list-style:none;} .left_top li{ width:auto; height:auto; line-height:25px;} .left_top dl{ width:auto; height:auto; display: block;} .left_top dt{ width:100px; height:50px; float: left;} .left_top dt img{ display: block;} .left_top dd{ width:auto; height:auto;} .right{ width:300px; float:left; height:auto;} .right_top{ width:auto; height:auto; border:1px solid #ccc;} </style> </head> <body> <div class="box"> <div class="left"> <div class="left_top"> <dl> <dt><img src="fp-bg.gif" width=" 100" height=" 50" /></dt> <dd>只有我跟图片是一块的。</dd> </dl> </BLOCKQUOTE> </div> <div class="left_top"> <ul> <li>下</li> <li>来</li> <li>啊</li> <li>4</li> <li>5</li> <li>6</li> </ul> </div> </div> <div class="right"> <div class="left_top"> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> </ul> </div> <div class="left_top"> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> </ul> </div> </div> </div> </body> </html>
提示:您可以先修改部分代码再运行
请问图片右边的“下来”怎么才能到图片的下面显示。不加宽度和高度。哪位大侠帮忙解决,谢谢啦!!
积分
53
阅读权限
20
在线时间
66 小时
注册时间
2005-2-17
最后登录
2008-8-18
查看详细资料
TOP
做西部数码代理.Cn1元国际45元
|
IT专家提醒您此帖已被关注
simplewebs
银牌会员
帖子
5833
体力
2934
威望
0
当前
上海 普陀
个人网站
发短消息
加为好友
专长
网页设计,前端制作,UE
2
#
大
中
小
发表于 2008-7-1 15:00
<!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=gb2312" /> <title>无标题文档</title> <style> *{ margin:0; padding:0;} body{ font-family:"新宋体"; font-size:12px;} .box{ width:600px; float:left; height:auto;} .left{ width:300px; height:auto; float:left;} .left_top{ width:auto; height:auto; border:1px solid #ccc; background: #ccc;} .left_top ul{ width:auto; height:auto; list-style:none; clear:left} .left_top li{ width:auto; height:auto; line-height:25px;} .left_top dl{ width:auto; height:auto; display: block;} .left_top dt{ width:100px; height:50px; float: left;} .left_top dt img{ display: block;} .left_top dd{ width:auto; height:auto;} .right{ width:300px; float:left; height:auto;} .right_top{ width:auto; height:auto; border:1px solid #ccc;} </style> </head> <body> <div class="box"> <div class="left"> <div class="left_top"> <dl> <dt><img src="fp-bg.gif" width=" 100" height=" 50" /></dt> <dd>只有我跟图片是一块的。</dd> </dl> </div> <div class="left_top"> <ul> <li>下</li> <li>来</li> <li>啊</li> <li>4</li> <li>5</li> <li>6</li> </ul> </div> </div> <div class="right"> <div class="left_top"> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> </ul> </div> <div class="left_top"> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> </ul> </div> </div> </div> </body> </html>
提示:您可以先修改部分代码再运行
Simpledc.com旅行
|
Taobaoebay.net卖球衣
积分
2934
阅读权限
70
性别
男
在线时间
1027 小时
注册时间
2002-10-15
最后登录
2008-8-29
查看个人网站
查看详细资料
TOP
【美橙超级G空间】688元绑定10个子目录
adicare
[楼主]
初级会员
帖子
21
体力
53
威望
0
离线
12 天
个人空间
发短消息
加为好友
3
#
大
中
小
发表于 2008-7-1 15:14
答谢!
谢谢 simplewebs ,非常感谢,刚才我没说清楚,其实不光是那几个字要下来,那一块内容都要下来。现在能看到下边的那块的上边框还在上边显示着。
<!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=gb2312" /> <title>无标题文档</title> <style> *{ margin:0; padding:0;} body{ font-family:"新宋体"; font-size:12px;} .box{ width:600px; float:left; height:auto;} .left{ width:300px; height:auto; float:left;} .left_top{ width:auto; height:auto; border:1px solid #ccc;} .left_top ul{ width:auto; height:auto; list-style:none; clear: left;} .left_top li{ width:auto; height:auto; line-height:25px;} .left_top dl{ width:auto; height:auto; display: block;} .left_top dt{ width:100px; height:50px; float: left;} .left_top dt img{ display: block;} .left_top dd{ width:auto; height:auto;} .right{ width:300px; float:left; height:auto;} .right_top{ width:auto; height:auto; border:1px solid #ccc;} </style> </head> <body> <div class="box"> <div class="left"> <div class="left_top"> <dl> <dt><img src="fp-bg.gif" width=" 100" height=" 50" /></dt> <dd>只有我跟图片是一块的。</dd> </dl> </div> <div class="left_top"> <ul> <li>下</li> <li>来</li> <li>啊</li> <li>4</li> <li>5</li> <li>6</li> </ul> </div> </div> <div class="right"> <div class="left_top"> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> </ul> </div> <div class="left_top"> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> </ul> </div> </div> </div> </body> </html>
提示:您可以先修改部分代码再运行
积分
53
阅读权限
20
在线时间
66 小时
注册时间
2005-2-17
最后登录
2008-8-18
查看详细资料
TOP
请大家尊重和保护奥运知识产权。
simplewebs
银牌会员
帖子
5833
体力
2934
威望
0
当前
上海 普陀
个人网站
发短消息
加为好友
专长
网页设计,前端制作,UE
4
#
大
中
小
发表于 2008-7-1 15:37
<!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=gb2312" /> <title>无标题文档</title> <style> *{ margin:0; padding:0;} body{ font-family:"新宋体"; font-size:12px;} .box{ width:600px; float:left; height:auto;} .left{ width:300px; height:auto; float:left;} .left_top{ width:auto; height:auto; border:1px solid #ccc;clear: left;} .left_top ul{ width:auto; height:auto; list-style:none; } .left_top li{ width:auto; height:auto; line-height:25px;} .left_top dl{ width:100%; height:auto; display: block; float:left} .left_top dt{ width:100px; height:50px; float: left;} .left_top dt img{ display: block;} .left_top dd{ width:auto; height:auto;} .right{ width:300px; float:left; height:auto;} .right_top{ width:auto; height:auto; border:1px solid #ccc;} </style> </head> <body> <div class="box"> <div class="left"> <div class="left_top"> <dl> <dt><img src="fp-bg.gif" width=" 100" height=" 50" /></dt> <dd>只有我跟图片是一块的。</dd> </dl> </div> <div class="left_top"> <ul> <li>下</li> <li>来</li> <li>啊</li> <li>4</li> <li>5</li> <li>6</li> </ul> </div> </div> <div class="right"> <div class="left_top"> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> </ul> </div> <div class="left_top"> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> </ul> </div> </div> </div> </body> </html>
提示:您可以先修改部分代码再运行
Simpledc.com旅行
|
Taobaoebay.net卖球衣
积分
2934
阅读权限
70
性别
男
在线时间
1027 小时
注册时间
2002-10-15
最后登录
2008-8-29
查看个人网站
查看详细资料
TOP
还在为头像烦恼?还在为不能关注好友动态烦忧?快来
蓝色理想家园
吧!
adicare
[楼主]
初级会员
帖子
21
体力
53
威望
0
离线
12 天
个人空间
发短消息
加为好友
5
#
大
中
小
发表于 2008-7-1 16:13
哈哈哈。解决啦。。。。。。
谢谢simplewebs达人。明白了。最主要还是那个clear:left嘛。多谢提点。高兴。。。simplewebs万岁!!
积分
53
阅读权限
20
在线时间
66 小时
注册时间
2005-2-17
最后登录
2008-8-18
查看详细资料
TOP
‹‹ 上一主题
|
下一主题 ››
版块跳转
内部交流区
网站开发区
前台制作与脚本专栏
后台数据库编程
WEB标准化专栏
WAP 技术专栏
平面设计区
艺术与设计论坛
Adobe Photoshop 专栏
Fireworks 专栏
矢量图形专栏
插画手绘交流
交互设计区
用户体验综合版
UI图形设计
RIA设计与应用
Flash 8 及之前版本
Flash CS3 及 AS3
Silverlight 专版
Director 专栏
其它技术讨论区
计算机技术
英语学习和技术翻译
摄影欣赏与技术交流
无线通讯与数码设备
信息平台
企业招聘
学习工作交流区
创业版