正规的彩票

HTML的relative与absolute使用及区别详解

  发布时间: 2019-06-28 16:00:56   作者: Gzp-木子李   正规的彩票要评论
这篇文章主要介绍了HTML的relative与absolute使用及区别详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

正规的彩票htmlderelativeyuabsolutequbie: shuoshihuahtmlzheimenyuyansuandeshangshizheigeshijieshangzuijiandandeyimenyuyanle,biaoqianyuyanma,jiushibiaoqianduoledianyingwendancichaoduo,buguodoushiyouguilvdebiruwenbenleijuzhongtext-align:center;jiacutext-weight:bold;.danshihaishiyouyixiebijiaonanlijiezhangwobiaoqianheshuxing,jiubirushuxingposition,tashidingweideyizhongfangshidaimaruxia:

#div1{
		position: relative;
		width: 200px;
		height: 200px;
		background-color: blueviolet;
		margin-left: 100px;
	}

 xianlaishuoyixiapostionchangyongde5dashuxingzhi:

正规的彩票--sticky: jiyuyonghudegundongweizhilaidingwei。yejiushiyistickybiaoqiandingyidebiaoqianhuisuizheyemianshangxiayidong,danshiqineirongquebuhuichaoguopingmubiruzaiwangzhancebianneixieyidongdaohanglan。

--static: htmlyuansudemorenzhi,jimeiyoudingwei,yuansuchuxianzaizhengchangdeliuzhong。jingtaidingweideyuansubuhuishoudao top, bottom, left, rightyingxiang。yejiushihemeixiepositionyiyangdexiaoguo。

--fixed: yuansudeweizhixiangduiyuliulanqichuangkoushigudingweizhi。jishichuangkoushigundongdetayebuhuiyidong,xiangdangyigebizhibiaoqianyiyangyidongbudongxiangxiangqianzaipingmuliyiyang,zaihenduowangzhanyouqishigouwuwangzhanlimianjingchangnengkandao,nikandaoyemiancebianneijingjingtangzaineidedaohanglanjiushiyongfixedshixiande

正规的彩票--relativeyuabsolute: xiangduidingweiyuansudedingweishixiangduiqizhengchangweizhi。meigebiaoqiandeyangshishezhiconglaidoushizhenduizijide,danshihuiduiqiyubiaoqianchanshengxiangduiyingxiang,htmlhenzhongyaodeyidianjiushiqiantaoguanxijibiaoqianliyoubiaoqian,shouxianzaipingjizhengguidecaipiaokanxiaxiaoguoliangge<div>shixiongdiguanxi

正规的彩票 yishangzheizhongqingkuangjiangdiv1depositionshezhiweirelativexiangduiweizhi,keyikanchuxiaofangkuaihuijinjiezhedafangkuaiyejiushixiaofangkuaishixiangduiyudafangkuailaideyejiushirelative: xiangduidingweiyuansudedingweibuyunxuyuansudezhongdie,suhuajiushitongguorelativeshuozheigeweizhizhengguidecaipiaoyijingzhanlenizhiyouzhanzhengguidecaipiaoxiageweizhile,dangzhengguidecaipiaobadafangkuaidegaichengjueduiweizhiabsolute

#div1{
	position: absolute;
	width: 200px;
	height: 200px;
	background-color: blueviolet;
	margin-left: 100px;
}

xiaoguoruxia:

xiaofangkuaihuitiaoshangqu,yejiushishuozheigeweizhilianggedivdounengzhan,bushidafangkuaiduzhandeabsolutedingweishidingweijueduidexiangduiyufubiaoqianeryan,benlidefubiaoqianjiushi<body></body>

kuozhan:

<div id="div1">
  <div id="div2"></div>
</div>

dangxiaofangkuaiqiantaozaidabiaoqianlimianzheishinidediv1depositionderelativeyuabsolutexiaoguoyiyangmeiyougaibianzhiqiandexiaoguozhitixianzaixiongdibiaoqianzhijian

正规的彩票zheishihouruguonizaishezhidiv2deyangshimargin-leftjiushixiangduiyudiv2laishuole,jugelizidangnidafangkuangjulizuobian100pxdangnixiaofangkuangyangshimargin-left: 100px;zheishishijiqingkuangshixiaofangkuangjulizuobianyou200px

#div1{
				position: relative;
				width: 200px;
				height: 200px;
				background-color: blueviolet;
				margin-left: 100px;
			}
			#div2{
				margin-left: 100px;
				position: absolute;
				width: 50px;
				height: 50px;
				background-color: red;
			}

正规的彩票zongjie: xiangduidingweiyuansujingchangbeiyonglaizuoweijueduidingweiyuansuderongqikuai,dangbiaoqianyouqiantaoshi,zibiaoqiandeweizhiyangshishezhishixiangduiyufubiaoqiande。ningwaixiangyaolejiekuaibiaoqianjiubixulejiehtmldehezimoxing

daocizheipianguanyuhtmlderelativeyuabsoluteshiyongjiqubiexiangjiedewenzhangjiujieshaodaozheile,gengduoxiangguanhtmlderelativeyuabsoluteneirongqingsousuojiaobenzhijiayiqiandewenzhanghuojixuliulanxiamiandezhengguidecaipiaoxiangguandewenzhang,xiwangdajiayihouduoduozhichijiaobenzhijia!

正规的彩票相关的文章

最新评论

正规的彩票_正规彩票平台app下载[首页最快线路√] 彩票官网_彩票官网app|网站首页 彩票平台_彩票平台快三-[平台最快线路√] 彩票app下载_彩票app下载官网下载快三_官方入口 彩票平台_彩票平台app-专注彩票门户 彩票官网_彩票官网app下载网址-HOME 彩票平台_彩票平台登录-老品牌最信誉 彩票app_彩票app客户端下载>> 首页 彩票平台_彩票平台免费送彩金18-点击进入>! 彩票平台_彩票平台官网〖2020购彩首选〗 彩票app_彩票app彩票投注平台-Welcome