国产探花免费观看_亚洲丰满少妇自慰呻吟_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>
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 柞水县| 芒康县| 九寨沟县| 含山县| 陆良县| 滨州市| 福清市| 积石山| 襄樊市| 德令哈市| 天镇县| 醴陵市| 南通市| 海门市| 东港市| 乌兰浩特市| 宁陵县| 夏津县| 舒城县| 安康市| 珠海市| 揭东县| 南昌市| 新营市| 万载县| 米易县| 松原市| 即墨市| 香格里拉县| 乌拉特前旗| 无锡市| 东阿县| 长岭县| 阿合奇县| 三江| 易门县| 家居| 五河县| 渭南市| 莱州市| 洪江市|