国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

CSS網頁布局：關于定位（position）

2024-07-11 08:25:01
字體：大 中 小
來源：轉載
供稿：網友
使用CSS來定位頁面內層的位置，一直是比較難以掌握的事情，很多時候，往往被絕對定位的元素，總是以瀏覽器的左上角為坐標原點，此時，如果瀏覽器的大小改變，被定義的層就會偏離設計想要的位置，讓人很撓頭。
其實，要想控制好層的絕對定位，只要理解CSS中關于定位（position）的定義，一切就會變得輕松簡單。
CSS中關于定位（position）是這樣定義的：
定位（position）允許用戶精確定義元素框出現的相對位置，可以相對于它通常出現的位置，相對于其上級元素，相對于另一個元素，或者相對于瀏覽器視窗本身。每個顯示元素都可以用定位的方法來描述，而其位置由此元素的包含塊來決定的。
包含塊（containing block）是格式編排發生的關聯場景，例如，一個加粗的元素的包含塊可以是該元素所出現的段落，如圖1所示。
包含塊
在理解定位之前，首先，要先理解HTML文件的結構，例如有一個html文件內容如下：
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<title>文檔結構</title>
</head>
<body>
<h1>CSS規則</h1>
<p>樣式表由一些<strong>樣式規則</strong>組成。</p>
<ul>
<li>選擇符
<ul>
<li>類選擇符</li>
<li>ID選擇符</li>
<li><em>包含</em>選擇符</li>

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 柞水县| 芒康县| 九寨沟县| 含山县| 陆良县| 滨州市| 福清市| 积石山| 襄樊市| 德令哈市| 天镇县| 醴陵市| 南通市| 海门市| 东港市| 乌兰浩特市| 宁陵县| 夏津县| 舒城县| 安康市| 珠海市| 揭东县| 南昌市| 新营市| 万载县| 米易县| 松原市| 即墨市| 香格里拉县| 乌拉特前旗| 无锡市| 东阿县| 长岭县| 阿合奇县| 三江| 易门县| 家居| 五河县| 渭南市| 莱州市| 洪江市|