对于html的理解
请教个问题，我刚开始自学HTML，问下，我不太确定我的理解对不对。div相当于就是一个框，对于里面的内容，样式进行编辑，就用到了css。还有一个问题，假如我定义了一个di...
请教个问题，我刚开始自学HTML，问下，我不太确定我的理解对不对。
div相当于就是一个框，对于里面的内容，样式进行编辑，就用到了css。
还有一个问题，假如我定义了一个div height=5px;然后我在div里面使用了<p>,接连使用了好几个，为什么可以文字可以越过原本定义的框的大小呢？ 展开
div相当于就是一个框，对于里面的内容，样式进行编辑，就用到了css。
还有一个问题，假如我定义了一个div height=5px;然后我在div里面使用了<p>,接连使用了好几个，为什么可以文字可以越过原本定义的框的大小呢？ 展开
4个回答
展开全部
HTML 的 div 标签的一个非常重要的作用是把其它的HTML标签及内容装起来，这么一来就可以一次性对这些被装起来的内容进行各种操作，例如：一次性把这些装起来的内容固定在某一个位置。所以说到 div 标签，经常都跟 CSS 放在一起，因为通过 CSS 可以对 div包含的所有内容 进行各种操作。
“为什么可以文字可以越过原本定义的框的大小呢？”
因为HTML没有规定不准文字在 div 边框外显示。只能这么解释。
文字或者其他内容越过边框，这个叫“溢出”。这就引出 CSS 中的一个属性 overflow,它的取值包括以下：
overflow: visible; 你经常看见的越过边框的情况就是因为默认状态下，所有的溢出内容都以这种状态显示。
overflow: hidden; 隐藏溢出
overflow: scroll; 下拉框显示
overflow: auto; 自动，没有溢出不显示下拉框，有溢出显示下拉框
不仅仅是 div 有溢出，很多的其它标签都会有溢出的时候。例如：
div溢出.html 文件代码如下：
<!doctype html>
<html lang="zh">
<head>
<meta charset="utf-8">
<title>div溢出</title>
<link href="divoverflow.css" rel="stylesheet">
</head>
<body>
<p>p溢出</p>
<p id="p1">p溢出</p>
<div>
<h1>div溢出</h1>
</div>
<div id="div1">
<h1>div溢出</h1>
</div>
</body>
</html>
divoverflow.css 文件代码如下：
p {
position: relative;
top: 30px;
width: 100px;
height: 10px;
background: goldenrod;
}
#p1 {
overflow: auto;
}
div {
position: relative;
top: 100px;
width: 120px;
height: 50px;
background: navy;
color: red;
}
h1 {
width: 100px;
height: 10px;
background: goldenrod;
}
#div1 {
top: 150px;
overflow: auto;
}以上HTML和CSS可以看到除了 div 还有 p,h1标签也会溢出，其他的标签还有很多。
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
div相当于就是一个框，可以这么理解，因为它是一个没有语义的块级元素，其实html里的每一个元素都是一个框，当然这里还要分块级元素和行内元素，不过这两种元素也可以互相转换的，不然P标签也是一个框，不过它有它的语义叫做“段落”标签
并不是对里面的内容进行编辑才用到css，div本身也可以用css，刚才说了它是没有语义的块级元素，所以多用来划分区域用
至于为什么可以越过你定义的高度那是浏览器就这么解析的，如果不想超过，可以定义高度后加上overflow:hidden;溢出隐藏，把超出部分隐藏了就看不到了
并不是对里面的内容进行编辑才用到css，div本身也可以用css，刚才说了它是没有语义的块级元素，所以多用来划分区域用
至于为什么可以越过你定义的高度那是浏览器就这么解析的，如果不想超过，可以定义高度后加上overflow:hidden;溢出隐藏，把超出部分隐藏了就看不到了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
可以这么理解。至于p内的文字溢出div的高度这是默认情况，可以用css控制
div{
overflow:hidden//溢出则隐藏
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你设置overflow：hidden 超过过渡就隐藏了不然就是超过高度后 外面的高度自适应增加
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
