改变元素位置属性----------定位

最新推荐文章于 2022-09-02 17:58:07 发布

weixin_45846139

最新推荐文章于 2022-09-02 17:58:07 发布

阅读量801

点赞数

本文链接：https://blog.csdn.net/weixin_45846139/article/details/103227683

版权

	作为一个前端工程师，在做项目时时常要将某一个元素进行位置移动，使其能够满足我们的布局，从而使整个页面更美观，更漂亮。而在使元素移动时，就必不可少的使用到定位这个属性。
	定位分为三种：  1、相对定位    			2、		绝对定位    				3、固定定位

1、相对定位

		如果要将页面某一元素设置为相对定位则要在该元素的css样式中为其添加position属性，并为其添加relative属性值。相对定位使元素不脱离文档流，使元素相对元素最开始的位置进行移动。因为不脱离文档流，所以该元素在页面同样占据位置。使用 left 和top 或者   right和bottom来控制元素偏离的距离。

				
	以下是没使用相对定位之前的代码和呈现的效果：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			.box{
   
				width: 400px;
				height: 400px;
				background: yellow;
			}
			.box_one{
   
				width: 300px;

最低0.47元/天解锁文章

weixin_45846139

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
改变元素位置属性----------定位

作为一个前端工程师，在做项目时时常要将某一个元素进行位置移动，使其能够满足我们的布局，从而使整个页面更美观，更漂亮。而在使元素移动时，就必不可少的使用到定位这个属性。定位分为三种： 1、相对定位 2、绝对定位 3、固定定位1、相对定位如果要将页面某一元素设置为相对定位则要在该元素的css样式中为其添加position属性，并为其添加relative属...
复制链接

扫一扫