日本一卡精品视频免费丨国产午夜片无码区在线播放丨国产精品成人久久久久久久丨国产亚洲日韩av在线播放不卡丨亚洲日韩av无码

網頁布局基礎

2016/12/20 8:33:13   閱讀:1589    發布者:1589

網頁布局參照三個方面:

  1. 標準文檔流
  2. float
  3. position

1、標準文檔流

  • 塊級元素
  • 層級元素

  Note:兩個元素都屬于 盒子模型


2、float

  • left
  • right
  • none

Note:設置浮動后,脫離標準文檔流;但不脫離標準文本流 

當元素設置浮動屬性后,會對相鄰的元素產生影響,相鄰元素指的是緊鄰后面的元素。
消除影響方法:width:100%;overflow:hidden(包含元素有影響時)  或clear:both
(后面元素有影響時)

對文檔流,文本流的理解

對設置浮動后的標簽,如果是文檔流里的會直接占據它的位置,文本(<p>)會在其周圍顯示

與position:absolute對比:position:absolute會脫標準文檔流標準文本流


 

3、position

  • 相對定位:相對于自身原有位置進行位移,仍處于標準文檔流中。
  • 絕對定位:建立了以包含塊為基準的定位,
    完全脫離標準文檔流。隨即擁有偏移屬性和z-index屬性

    包含塊:離它最近的,設置了position的祖先元素

    兩種情況:

      未設置偏移量:無論是否存在已定位祖先元素,都保持在元素初始位置

      設置偏移量:無已定位祖先元素,以<html>為偏移參照標準

            有已定位祖先元素,以距其最近的已定位祖先元素為偏移參照標準

  Note:對于未設置width的元素

       默認 100%

       但是加上position:absolute之后,按包含元素width來算。

 

主站蜘蛛池模板: 激情射精爽到偷偷c视频无码| 日韩人妻无码一区二区三区综合部| 国产无套中出学生姝| 一级免费av| 国产69精品久久久久久妇女迅雷| 最新中文字幕av无码不卡| 99国产精品99| 亚洲精品久久久口爆吞精| 护士脱了内裤让我爽了一夜视频| 激烈娇喘叫1v1高h糙汉| 国内揄拍国内精品| 在线播放十八禁视频无遮挡| 亚洲精品~无码抽插| 国产又色又爽又黄好看视频| r级无码视频在线观看 | 国内自拍区| 国产69精品久久久久久人妻精品| 亚洲精品午夜无码电影网| 欧洲熟妇色xxxx欧美老妇| 免费h片在线观看| 日本三级理论久久人妻电影| 狠狠色婷婷久久一区二区三区| 亚洲色精品vr一区区三区| 白嫩丰满少妇xxxxx性视频| 国产清纯在线一区二区| 曰韩精品无码一区二区三区视频| 亚洲国产精品久久青草无码| 99福利资源久久福利资源| 久久午夜电影网| 午夜成人1000部免费视频| 欧美xxxx黑人又粗又长| 中文字幕一区二区三区精华液| 国产精品成人99久久久久| 色资源av中文无码先锋| 欧美丰满熟妇多毛xxxxx| 把腿张开老子臊烂你多p视频| 亚洲特级黄色片| 国产福利不卡|