欧美性猛交XXXX免费看蜜桃,成人网18免费韩国,亚洲国产成人精品区综合,欧美日韩一区二区三区高清不卡,亚洲综合一区二区精品久久

打開(kāi)APP
userphoto
未登錄

開(kāi)通VIP，暢享免費電子書(shū)等14項超值服

開(kāi)通VIP

首頁(yè)

好書(shū)

留言交流

下載APP

聯(lián)系客服
DIV + CSS 相對位置
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<html xmlns="<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>相對定位和絕對定位實(shí)例--作者：唐國輝</title>
<style type="text/css">
<!--
*{
 margin:0px;
 padding:0px;
}
body {
 margin:10px;
 font-size: 13px;
}
a:link {
 color: #666;
 text-decoration: none;/*去除鏈接下劃線(xiàn)*/
}
a:visited {
 color: #666;
 text-decoration: none;
}
a:hover {
 color: #F90;
}
h3 {
 color: #FFF;
 background-color: #F90;
 width: 100px;
 padding-top:3px;
 text-align:center;
}
ul {
 width: 300px;
 border-top: 1px solid #F60;/*使其上邊有一線(xiàn)條，與標題h3吻合*/
}
ul li {
 padding:5px;
 border-bottom: 1px solid #CCC;
 list-style:none;/*去除列表樣式，這對于標準瀏覽器很重要*/
}
a {
 position: relative;/*設置其定位方法為相對定位，等一下內部信息面板就可以相對它定位*/
 display:block;/*讓鏈接以塊狀呈現，這樣不用點(diǎn)中鏈接文字就可以響應鏈接*/
}
a div {
 display: none;/*初始化信息面板不顯示*/
}
a:hover {background:#fff;}/*IE7以下版本A狀態(tài)偽類(lèi)bug*/
a:hover div {
 position: absolute;
 padding:5px;
 display:block;
 width: 245px;/*只給出寬度，高讓它隨內容多少自動(dòng)調整*/
 left:150px;/*這是相對父級A的定位*/
 top: 20px;
 border: 1px solid rgb(91,185,233);
 background-color: rgb(228,246,255);
 z-index:999;/*把信息面板提到一個(gè)較高的位置，使鏈接文字過(guò)長(cháng)時(shí)不會(huì )與面板重疊,但這只對FF有效*/
}
a img {
 width:80px;
 height:80px;
 border:none;/*去除圖片邊框，默認情況下，鏈接內的圖片在標準瀏覽器會(huì )出現邊框*/
 display:block;
 position: absolute;/*用絕對定位抽離正常文本流，不然在設計的時(shí)候考慮到不同瀏覽器正常顯示會(huì )更麻煩*/
 top:5px;/*這里的5px是與信息面板大盒子的填充一樣的*/
 left:5px;
}
dl {
 width: 160px;
 float:right;
 color: #999;
 line-height:20px;
}
dl dd span {
 font-weight: bold;
 color: #639;
}
-->
</style>
</head>
打開(kāi)APP，閱讀全文并永久保存 查看更多類(lèi)似文章
猜你喜歡
類(lèi)似文章
抄一個(gè) CSS+DIV菜單
DIV+CSS 常用代碼大全
超全整理前端開(kāi)發(fā)面試題——CSS篇（2016年）
簡(jiǎn)潔Tab選項卡
How to Create a CSS3 Mega Drop-Down Menu
div + css案例
更多類(lèi)似文章 >>
生活服務(wù)
分享 收藏 導長(cháng)圖 關(guān)注 下載文章
綁定賬號成功
后續可登錄賬號暢享VIP特權！
如果VIP功能使用有故障，
可點(diǎn)擊這里聯(lián)系客服！

聯(lián)系客服

欧美性猛交XXXX免费看蜜桃,成人网18免费韩国,亚洲国产成人精品区综合,欧美日韩一区二区三区高清不卡,亚洲综合一区二区精品久久