国产探花免费观看_亚洲丰满少妇自慰呻吟_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>
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 拉孜县| 莱芜市| 皋兰县| 塔城市| 徐州市| 太白县| 无棣县| 兴安盟| 错那县| 健康| 乌兰县| 图木舒克市| 景谷| 甘孜| 东莞市| 定边县| 平邑县| 大连市| 大同市| 上高县| 苍梧县| 修水县| 池州市| 博湖县| 西林县| 大理市| 民勤县| 长阳| 张家港市| 修武县| 黔西县| 家居| 松阳县| 祁门县| 老河口市| 克什克腾旗| 墨脱县| 明光市| 万安县| 麻阳| 张家川|