html 父子margin

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的孙子节点;

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


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/5908361.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-07
下一篇 2023-03-07

发表评论

登录后才能评论

评论列表(0条)

保存