为什么文字会超出界限

xiaqi1210 2010-01-18 05:34:31
本人是初学者
我用FireFox显示的时候
为什么P中的文字会超出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=gb2312" />
<title>无标题文档</title>
<style type="text/css" >
div#aaa{ width:50px; border:1px solid; padding:0.7em;}
div:hover p, p:hover{ background-color:#330099;}
</style>
</head>
<body>
<div id="aaa">
<p>vnkdjsljkfln,zdsfn,dgkfd,ndklasnlkdjka.sdnkasn.vghj,hhvghcvhgcvghcgcghkmvhjb</p>
</div>
<p>
<a href="#">回答十六大</a>
</p>
</body>
</html>
...全文
86 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
夜雨_Jason 2010-01-18
  • 打赏
  • 举报
回复
连续的英文字符和阿拉伯数字的断行,Firefox的所有版本的没有解决这个问题,我们只有让超出边界的字符隐藏或者给容器添加滚动条
mzsq39 2010-01-18
  • 打赏
  • 举报
回复
在DIV布局中,如果你给容器定义了固定的宽度,那么如果里面的内容超过了容器大小,它不会把容器撑开,而是你说的超出了范围。
可以用overflow:hidden 隐藏掉。

IE6下容器会被撑开,因为IE6这点设计的不标准。

61,115

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧