html 父子margin

html-css05

html 父子margin,第1张

你这个问题，可能是定位的问题，如果你想子元素在父元素浮动，可以将父元素的position设置为relative；然后将子元素position设置为absolute，再设置margin值。这样就可以设置子元素在父元素里的浮动。

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>

<div>

    <p></p>

    <a href="#"><span></span></a>

</div>

如这个结构，div就是p的父对象，通常称为父节点；

p和a就是div的子节点；

span是a的子节点；

span是div的孙子节点；

你可以想象成父亲——儿子——孙子的关系