HTML实现定位位置的方法?这个问题可能是我们日常学习或工作经常见到的。希望通过这个问题能让你收获颇深。下面是小编给大家带来的参考内容,让我们一起来看看吧!
一、CSS定位(为)属性允许你对元素进行定位,位置属性值:
静态(默认值):元素框正常生成。块状元素生成一个人矩形框,作为文档流/标准流的一部分,行内元素则会创建一个或者多个行框,置于其父元素中
相对:元素框偏离某个位置,元素仍保持其未定位前的形状,它原来所占空间仍保留,从这个角度看,好像改元素仍然在文档流/标准流中一样
绝对:元素从文档流中完全删除,并相对于其包含快定位。包含块可能是文档中的另一个元素或者是初始包含块。元素原先正常文档流中所占的空间会关闭,就像元素不存在一样,元素定位后成一个块级框,而不论原来它是在正常流中是何种类型的框
固定:元素的表现和绝对类似,不同的是包含块是视窗本身(身体)
二,相对介绍
使用了该属性值的元素会相对于原来的位置的左上角的坐标使用顶部和左来进行定位
代码:
& lt;风格类型=拔谋?css"比;
#{主要
宽度:800 px;
身高:400 px;
保证金:0汽车;
边界:1 px固体蓝色;
}
每分钟{
宽度:110 px;
身高:100 px;
背景:黄色;
margin-left: 10 px;
浮:左;
}
& lt;/style>
& lt;/head>
& lt; body>
& lt; p id=癿ain"祝辞
类& lt; p=皃"祝辞p1
类& lt; p=皃"祝辞p2
类& lt; p=皃"祝辞p3
类& lt; p=皃"祝辞p4
& lt;/p>
& lt;/body> 效果图:
感谢各位的阅读!看完上述内容,你们对HTML实现定位位置的方法大概了解了吗?希望文章内容对大家有所帮助。如果想了解更多相关文章内容,欢迎关注行业资讯频道。
