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

首頁 > 開發 > CSS > 正文

CSS教程：練習層DIV的定位小實例

2024-07-11 09:05:22
字體：大 中 小
來源：轉載
供稿：網友

網頁制作Webjx文章簡介：層的定位是很多人比較困擾的問題，點擊彈出層會隨著分辨率的改變層的位置也變動.

層的定位是很多人比較困擾的問題，點擊彈出層會隨著分辨率的改變層的位置也變動。

用實際截圖來描述問題現象：

CSS教程：練習層DIV的定位小實例


那么怎樣讓層固定在一個位置,不管分辨率或窗口改變而變化呢？這就是我所要記錄的層的定位問題:
建立一個父級div，不改變x、y，然后在這個父級div里面包含一個子級div，在這個子級div里隨便改變它的位置（設置top和left值）。

實例闡述：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>關于層的定位</title>
</head>
<body>
<div style="width:800px; margin:0 auto; background:#FFFFCC; overflow:auto; font-size:12px">
  <div style="margin:100px 0 100px 100px"><a href="#">更多城市>></a></div>
  <div style="position:relative; width:0; height:0">
    <div style="position:absolute; top:-95px; left:130px; width:200px; background:#DDDDDD">北京 上海 廣州</div>
  </div>
</div>
</body>
</html>

預覽截圖：

CSS教程：練習層DIV的定位小實例

 

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 林芝县| 大石桥市| 杭锦后旗| 甘泉县| 宁乡县| 宜宾市| 沈阳市| 昌图县| 九龙县| 法库县| 呼伦贝尔市| 龙口市| 秦皇岛市| 杨浦区| 青龙| 博白县| 乌拉特前旗| 兴安县| 绥棱县| 蓝田县| 临桂县| 榆树市| 连江县| 西和县| 浙江省| 钟山县| 聂荣县| 甘德县| 响水县| 靖安县| 栾川县| 犍为县| 平果县| 子长县| 普宁市| 金川县| 垣曲县| 定州市| 广灵县| 延川县| 周宁县|