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

首頁 > 開發 > CSS > 正文

CSS 自動定位 的應用

2024-07-11 08:45:22
字體：大 中 小
來源：轉載
供稿：網友
在使用css創建類似title屬性提示框，常見的方法是使用絕對定位，用負值使其偏移于屏幕之外，在鼠標經過時定義一個合適的正值使其顯示到我們所需要的位置。但是，有一個我們不常用的屬性我們常常將其擱置一旁而未加利用－－”auto”。《Auto Positioning for Absolute Elements 》這篇文章詳細介紹了該屬性的使用方法，本人曾翻譯了此文－－《絕對定位元素的自動定位》，但文章太長，不甚直觀，本文通過對比兩種創建提示框的方法來介紹該屬性的使用方法。
一、常規方法
看下面的html結果，我們讓.test相對定位，確定其內部span標簽的定為基點，在鼠標經過時，定義span標簽的left為0。
1.<div class="box">常見的實現消息提示框的方法，是讓父元素相對定位，消息內容絕對定位。默認狀態讓其隱藏于屏幕之外，鼠標經過時定義一個正值使其顯示在我們需要的位置。看看這個<a class="test" href="#">消息提示框<span>鼠標經過時我會出現</span></a>。你可以看到，鼠標經過時，消息框會出現在鼠標的位置。</div>

復制代碼

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 罗源县| 江达县| 翁牛特旗| 库伦旗| 藁城市| 武陟县| 克东县| 武山县| 沾益县| 隆化县| 云梦县| 安阳市| 威远县| 德钦县| 华阴市| 梓潼县| 静乐县| 巴彦淖尔市| 栖霞市| 庆元县| 通化市| 库尔勒市| 马边| 上林县| 调兵山市| 文化| 四子王旗| 万年县| 岫岩| 静乐县| 化德县| 敦化市| 杭锦后旗| 河间市| 临洮县| 都江堰市| 富顺县| 靖安县| 民和| 固阳县| 祁门县|