麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 網站 > WEB開發 > 正文

定位總結

2024-04-27 15:15:44
字體：大 中 小
來源：轉載
供稿：網友
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>定位總結</title> <style type="text/CSS"> .box1{width: 500px;height: 300px;background: red;border: 1px solid red;} .box2{margin: 30px; width: 300px;height: 200px;background: blue;position: relative;} .box3{width:100px; height: 100px;background: green;position: absolute;top: 0;left: 0;} .box4{width: 200px;height: 200px;background: yellow;position: fixed;right: 0;bottom: 0;line-height: 200px;text-align: center;} /* 相對定位 position:relative; 1.不影響元素本身的特性 2.不使元素脫離文檔流 3.如果沒有定位偏移量，對元素本身沒有任何影響 4.定位元素位置控制 top/right/bottom/left 定位元素偏移量 絕對定位 position:absolute; 1.使元素完全脫離文檔流 2.使內嵌支持寬高 3.塊屬性標簽內容撐開寬度 4.絕對定位元素的參照物是：離它最近的且設置了position值為absolute/relative/fixed之一的先祖元素，如果沒有這樣的 先祖元素作為參照物，其默認參照物為文檔（即瀏覽器的可視區域） 5.相對定位一般都是配合絕對定位使用 固定定位 position:fixed； 與絕對定位的特性基本一致，差別是始終相對整個文檔進行定位； 問題：IE6不支持固定定位； */ </style></head><body> <div class="box1"> <div class="box2"> <div class="box3">box3</div> </div> </div> <div class="box4">固定定位</div></body>

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 日本高清一级片 | 久久经典 | 毛片小网站 | 国产精品久久久久国产精品三级 | 宅男噜噜噜66一区二区 | 久久99精品久久久久久园产越南 | 国产成人精品视频在线 | 国产精品久久av | 毛片免费视频观看 | 性欧美xxxx免费岛国不卡电影 | 欧美性videofree精品 | 成人国产视频在线观看 | av成人免费在线观看 | 羞羞网站入口 | 中文字幕综合在线观看 | 欧美亚洲一区二区三区四区 | 国产亚洲精品久久久久久久久久 | 午夜精品网 | 欧美成人精品一区 | 国产成人在线免费观看视频 | www亚洲 | 欧美一级一区二区三区 | 精品国产视频一区二区三区 | 国产精品视频导航 | 精品欧美一区二区精品久久 | 欧美一级成人 | 亚洲免费视 | 国产成人精品一区二区视频免费 | 禁漫天堂久久久久久久久久 | 中文字幕精品一区久久久久 | 国产一区视频观看 | 一二区成人影院电影网 | 中文字幕免费在线看 | 日韩字幕| 成人视屏网站 | 成人午夜天堂 | h视频在线免费观看 | 欧美日韩免费看 | 免费永久看羞羞片网站入口 | 龙的两根好大拔不出去h | 国产精品视频一区二区三区四区五区 |