校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃

主頁 > 知識庫 > css position fixed 左右雙定位的實現代碼

css position fixed 左右雙定位的實現代碼

熱門標簽:農村住宅地圖標注 鄭州電銷外呼系統違法嗎 ai電銷機器人連接網關 鶴壁手機自動外呼系統怎么安裝 跟電銷機器人做同事 漳州人工外呼系統排名 威海營銷外呼系統招商 中紳電銷智能機器人 濟南辦理400電話

CSS Position(定位)
position 屬性指定了元素的定位類型。

position 屬性的五個值:

  • static
  • relative
  • fixed
  • absolute
  • sticky

元素可以使用的頂部,底部,左側和右側屬性定位。然而,這些屬性無法工作,除非是先設定position屬性。他們也有不同的工作方式,這取決于定位方法。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			.box{
				width: 1400px;
				height: 1500px;
				margin: 0 auto;
			}
			.box1{
				border: 1px solid #000000;
				height: 200px;
				width: 200px;
			    display: inline-block;
				position: fixed;
		
			}
			.box02{
				    border: 1px solid #006400;
				    height: 1500px;
				    width: 800px;
				    display: inline-block;
				    margin: 0 20px;
				    margin-left: 250px;
			}
			.box03{
				border: 1px solid #006400;
				height: 200px;
				width: 200px;
				display: inline-block;
			    position: fixed;
			}
		</style>
	</head>
	<body>
		<div class="box">
			<div class="box1">123</div>
			<div class="box02">456</div>
			<div class="box03">789</div>
		</div>
	</body>
</html>

到此這篇關于css position fixed 左右雙定位的實現代碼的文章就介紹到這了,更多相關css position fixed定位內容請搜索腳本之家以前的文章或繼續瀏覽下面的相關文章,希望大家以后多多支持腳本之家!

標簽:咸陽 文山 紅河 甘南 惠州 萍鄉 蘇州 營口

巨人網絡通訊聲明:本文標題《css position fixed 左右雙定位的實現代碼》,本文關鍵詞  css,position,fixed,左右,雙,;如發現本文內容存在版權問題,煩請提供相關信息告之我們,我們將及時溝通與處理。本站內容系統采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《css position fixed 左右雙定位的實現代碼》相關的同類信息!
  • 本頁收集關于css position fixed 左右雙定位的實現代碼的相關信息資訊供網民參考!
  • 推薦文章
    主站蜘蛛池模板: 天津市| 乌拉特前旗| 黄梅县| 遂平县| 奉化市| 阆中市| 合江县| 株洲县| 铅山县| 奉新县| 莱阳市| 琼结县| 镇康县| 麦盖提县| 容城县| 澄迈县| 新津县| 金塔县| 南溪县| 龙海市| 邵阳市| 绍兴市| 固原市| 共和县| 醴陵市| 普兰店市| 陆丰市| 三河市| 彩票| 诏安县| 汉寿县| 清水河县| 定州市| 西峡县| 郑州市| 噶尔县| 临沧市| 沿河| 淅川县| 贡觉县| 泰顺县|