html中父级元素是什么？

html-css030

html中父级元素是什么？,第1张

html中父级元素，首先需要理解，如果你什么都不去编写的话，父级元素就是就是这个窗口，或者说是body，但一般而言，在网页中body继承下来的属性不会常有，现在一般都是通过div+css的布局，所以现在一般都是那个总的div为父级元素，一般id都会命名为main，它下面的这些元素，如p，a都是属于它的子级元素，具体可以看下代码：

<html>

<head>

<style>

#main{

width:600px

height:300px

font-size:13px

//父级的元素，设定好的字体大小，对子级元素都有影响

}

</style>

</head>

<body>

<div

id='main'>

<p>测试文字</p>

<a

href=''>我是测试文字</a>

</div>

</body>

</html>

html的标签都是有一个层架关系的，简单的例子就是html中的标签都是闭合的，闭合的中间还可以嵌套其他的标签，则嵌套在某个标签里面的标签就成了这个标签的子元素，外边的元素就是父元素。

工具原料：编辑器、浏览器

1、一个div里在嵌套一个div，外边的div就是里面div的父元素，代码示例如下：

<body>

    <div id="father">

<div id="son"> </div>

    </div>

</body>

2、以上元素中id为father就是id为son的子元素，可以使用JavaScript来证明一下，如下图：

使用JavaScript的parentElement方法可以查看到id为son的父元素是id为father的div.

如果所有父级元素都是百分比，那么子级的百分比是没有用的，而且父级的百分比也会没用，而子级和父级的高度取决于元素的内容高度。如果直接子级要用百分比高度，那么直接子级的直接父级要定高度，那样百分比的高度才会有用。一般页面布局是定高不定宽，宽度一般默认是100%！