国产探花免费观看_亚洲丰满少妇自慰呻吟_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的定位小實例

 

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 中江县| 巴林右旗| 汤阴县| 普宁市| 右玉县| 中西区| 崇信县| 丹巴县| 青河县| 邻水| 阿拉善盟| 孟津县| 红安县| 乃东县| 饶阳县| 大冶市| 阳江市| 黎平县| 大英县| 于都县| 普兰店市| 元阳县| 泉州市| 固安县| 冷水江市| 横山县| 沧州市| 荆州市| 宿州市| 海宁市| 台山市| 凤城市| 滦平县| 福贡县| 安福县| 武山县| 平塘县| 沂水县| 墨竹工卡县| 靖宇县| 肇东市|