实战IT培训机构_IT培训班选大学生IT技术培训中心_中公优就业

400-650-7353
您所在的位置:首頁 > IT干貨資料 > web前端 > 【Web前端基礎知識】CSS定位如何使用

【Web前端基礎知識】CSS定位如何使用

  • 發布: Web前端培訓
  • 來源:Web前端干貨資料
  • 2020-04-08 15:26:40
  • 閱讀()
  • 分享
  • 手機端入口

3)絕對定位(absolute)

不占有位置,可以放在父級盒子的任意一個地方。

元素自動轉為行內塊,寬度和高度跟內容有關。

HTML

CSS

子絕父相/子絕父絕(挺重要)

子級是絕對定位,那么離他最近的父級一定要給一個相對定位(必要時給絕對定位),不然子級會以瀏覽器當前頁面進行定位,有可能你會看不到它。

4) 固定定位(fixed)

固定定位脫離標準文檔流的控制,始終依據瀏覽器窗口來定義自己的顯示位置,跟父級沒有關系。

完全脫標,滾動條滾動不會影響它在瀏覽器窗口中的位置。

元素自動轉為行內塊,寬度和高度跟內容有關。

HTML

CSS

瀏覽器

(2)邊偏移

top頂端偏移量,定義元素相對于其父元素上邊線的距離

bottom底部偏移量,定義元素相對于其父元素下邊線的距離

left左側偏移量,定義元素相對于其父元素左邊線的距離

right右側偏移量,定義元素相對于其父元素右邊線的距離

 

文章“【Web前端基礎知識】CSS定位如何使用”已幫助

>>本文地址:http://www.jecan.cn/zhuanye/2020/48593.html

THE END  

聲明:本站稿件版權均屬中公教育優就業所有,未經許可不得擅自轉載。

1 您的年齡

2 您的學歷

3 您更想做哪個方向的工作?

獲取測試結果
  • 大前端大前端
  • 大數據大數據
  • 互聯網營銷互聯網營銷
  • JavaJava
  • Linux云計算Linux
  • Python+人工智能Python
  • 嵌入式物聯網嵌入式
  • 全域電商運營全域電商運營
  • 軟件測試軟件測試
  • 室內設計室內設計
  • 平面設計平面設計
  • 電商設計電商設計
  • 網頁設計網頁設計
  • 全鏈路UI/UE設計UI設計
  • VR/AR游戲開發VR/AR
  • 網絡安全網絡安全
  • 新媒體與短視頻運營新媒體
  • 直播帶貨直播帶貨
  • 智能機器人軟件開發智能機器人
 

快速通道fast track

近期開班時間TIME

主站蜘蛛池模板: 钢衬四氟管道_钢衬四氟直管_聚四氟乙烯衬里管件_聚四氟乙烯衬里管道-沧州汇霖管道科技有限公司 | 高速龙门架厂家_监控杆_多功能灯杆_信号灯杆_锂电池太阳能路灯-鑫世源照明 | 产业规划_产业园区规划-产业投资选址及规划招商托管一体化服务商-中机院产业园区规划网 | 披萨石_披萨盘_电器家电隔热绵加工定制_佛山市南海区西樵南方综合保温材料厂 | 304不锈钢无缝管_不锈钢管厂家 - 隆达钢业集团有限公司 | TPM咨询,精益生产管理,5S,6S现场管理培训_华谋咨询公司 | 磁粉制动器|张力控制器|气胀轴|伺服纠偏控制器整套厂家--台灵机电官网 | 烟台螺纹,烟台H型钢,烟台钢材,烟台角钢-烟台市正丰金属材料有限公司 | 济南拼接屏_山东液晶拼接屏_济南LED显示屏—维康国际官网 | 步进驱动器「一体化」步进电机品牌厂家-一体式步进驱动 | 东莞ERP软件_广州云ERP_中山ERP_台湾工厂erp系统-广东顺景软件科技有限公司 | 空调风机,低噪声离心式通风机,不锈钢防爆风机,前倾皮带传动风机,后倾空调风机-山东捷风风机有限公司 | 奥运星-汽车性能网评-提供个性化汽车资讯 | 对辊破碎机_四辊破碎机_双齿辊破碎机_华盛铭重工 | 美的商用净水器_美的直饮机_一级代理经销商_Midea租赁价格-厂家反渗透滤芯-直饮水批发品牌售后 | 地源热泵一体机,地源热泵厂家-淄博汇能环保设备有限公司 | 大流量卧式砂磨机_强力分散机_双行星双动力混合机_同心双轴搅拌机-莱州市龙跃化工机械有限公司 | 常州翔天实验仪器厂-恒温振荡器-台式恒温振荡器-微量血液离心机 恒温恒湿箱(药品/保健品/食品/半导体/细菌)-兰贝石(北京)科技有限公司 | 合肥弱电工程_安徽安防工程_智能化工程公司-合肥雷润 | 龙门加工中心-数控龙门加工中心厂家价格-山东海特数控机床有限公司_龙门加工中心-数控龙门加工中心厂家价格-山东海特数控机床有限公司 | 电动葫芦|手拉葫芦|环链电动葫芦|微型电动葫芦-北京市凌鹰起重机械有限公司 | 碳钢法兰厂家,非标法兰,定制异型,法兰生产厂家-河北九瑞管道 | 玉米深加工设备-玉米深加工机械-新型玉米工机械生产厂家-河南粮院机械制造有限公司 | 北京三友信电子科技有限公司-ETC高速自动栏杆机|ETC机柜|激光车辆轮廓测量仪|嵌入式车道控制器 | 对辊破碎机_四辊破碎机_双齿辊破碎机_华盛铭重工| 硅胶管挤出机厂家_硅胶挤出机生产线_硅胶条挤出机_臣泽智能装备 贵州科比特-防雷公司厂家提供贵州防雷工程,防雷检测,防雷接地,防雷设备价格,防雷产品报价服务-贵州防雷检测公司 | 碳刷_刷握_集电环_恒压簧_电刷厂家-上海丹臻机电科技有限公司 | 北京浩云律师事务所-企业法律顾问_破产清算等公司法律服务 | 锌合金压铸-铝合金压铸厂-压铸模具-冷挤压-誉格精密压铸 | 硫酸亚铁-聚合硫酸铁-除氟除磷剂-复合碳源-污水处理药剂厂家—长隆科技 | 生产自动包装秤_颗粒包装秤_肥料包装秤等包装机械-郑州鑫晟重工科技有限公司 | 避光流动池-带盖荧光比色皿-生化流动比色皿-宜兴市晶科光学仪器 东莞爱加真空科技有限公司-进口真空镀膜机|真空镀膜设备|Polycold维修厂家 | 水平垂直燃烧试验仪-灼热丝试验仪-漏电起痕试验仪-针焰试验仪-塑料材料燃烧检测设备-IP防水试验机 | 西门子代理商_西门子变频器总代理-翰粤百科 | 济南律师,济南法律咨询,山东法律顾问-山东沃德律师事务所 | 造价工程师网,考试时间查询,报名入口信息-网站首页 | 艺术涂料_进口艺术涂料_艺术涂料加盟_艺术涂料十大品牌 -英国蒙太奇艺术涂料 | 120kv/2mA直流高压发生器-60kv/2mA-30kva/50kv工频耐压试验装置-旭明电工 | 深圳诚暄fpc首页-柔性线路板,fpc柔性线路板打样生产厂家 | 合金ICP光谱仪(磁性材料,工业废水)-百科| 洛阳防爆合格证办理-洛阳防爆认证机构-洛阳申请国家防爆合格证-洛阳本安防爆认证代办-洛阳沪南抚防爆电气技术服务有限公司 |