html的含义对于html的理解

html的含义时间:2021-06-21 阅读:()

对于html的理解

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; :?30px; width:?100px; height:?10px; background:?goldenrod; } #p1?{ overflow:?auto; } div?{ position:?relative; :?100px; width:?120px; height:?50px; background:?navy; color:?red; } h1?{ width:?100px; height:?10px; background:?goldenrod; } #div1?{ :?150px; overflow:?auto; }以上HTML和CSS可以看到除了 div 还有 p,h1标签也会溢出，其他的标签还有很多。

展开全文