亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

網頁布局基礎

難度入門
時長 1小時30分
學習人數
綜合評分9.63
2052人評價 查看評價
9.9 內容實用
9.6 簡潔易懂
9.4 邏輯清晰
  • 兩種清除浮動方法的使用場景:父元素收到浮動影響的情況,也就是子元素設置了浮動,而父元素沒有設置浮動而導致的父元素高度不能自動擴展,子元素從父元素中溢出時,適合使用width:100%(或固定寬度值)+overflow:hidden的方式來清除浮動,如果是相鄰的元素是段落p受到浮動影響上移,對p設置clear:both更為合適,一般兩種方式都需要設置在受到浮動影響的元素樣式里
    查看全部
    4 采集 收起 來源:編程練習

    2018-03-22

  • 清除浮動時,只設置寬度不行,必須設置overflow:hidden;才能實現清除浮動的效果
    查看全部
    0 采集 收起 來源:編程練習

    2018-03-22

  • div塊的高度一般不需要設置
    查看全部
    0 采集 收起 來源:橫向兩列布局

    2018-03-22

  • 1.一般橫向的兩欄間距設置為10到20px,這樣會比較舒服;2.當父包含塊縮成一條時,用clear:both方法清除浮動無效,它一般用于緊鄰后面的元素的清除浮動。此處應采用移出屬性overflow:hidden;
    查看全部
    2 采集 收起 來源:橫向兩列布局

    2018-03-22

  • 橫向兩列布局應用float:
    查看全部
    0 采集 收起 來源:橫向兩列布局

    2018-03-22

  • 橫向兩列布局
    查看全部
    0 采集 收起 來源:橫向兩列布局

    2018-03-22

  • 清除浮動的常用方法: 一、clear屬性一常用clear:both; clear:left;或者clear:right; 示例:p{clear:both;} 二、為元素同時設置width:100%(或固定寬度)+overflow:hidden; 示例:p{width:100%;overflow:hidden;}
    查看全部
  • 1.float屬性的3個屬性值: left-左浮動 right-右浮動 none-不浮動 特點:元素會左移,或右移,直至碰觸到容器為止。 2.設置了浮動的元素,仍舊處于標準文檔流中,意味著它仍占據標準文檔中的空間,會對它周圍的元素產生影響。 3.當元素沒有設置寬度值,而設置了浮動屬性,元素的寬度隨內容的變化而變化。 4.當元素設置浮動屬性后,會對相鄰的元素產生影響,相鄰元素特質緊鄰后面的元素(DOM結構中的緊鄰其后面的元素)。
    查看全部
  • 自動居中一列布局需要設置margin值,左右必須設置為auto。
    查看全部
  • 如果想讓頁面自動居中,當設置了margin屬性為auto的時候,不能再設置浮動和絕對定位屬性
    查看全部
  • 當父包含塊縮成一條時,用overflow:hidden清除。用clear:both 方法清除浮動無效,這個方法一般用于緊鄰后面的元素清除浮動。
    查看全部
    0 采集 收起 來源:橫向兩列布局

    2018-03-22

  • 當父包含塊縮成一條時,用clear:both 方法清除浮動無效,這個方法一般用于緊鄰后面的元素清除浮動。
    查看全部
    0 采集 收起 來源:橫向兩列布局

    2018-03-22

  • auto會根據瀏覽器的寬度自動的設置兩邊的外邊距
    查看全部
  • 自己測試用
    查看全部
    0 采集 收起 來源:編程練習

    2018-03-22

  • 盒子模型尺寸
    查看全部
    1 采集 收起 來源:盒子模型

    2018-03-22

舉報

0/150
提交
取消
課程須知
1.一定要對HTML+CSS相關標簽有所掌握;2.對網頁布局知識有簡單的了解
老師告訴你能學到什么?
1.掌握三大布局技巧——流式布局、浮動布局及絕對定位布局;2.精通標準文檔流、盒子模型、float屬性以及position屬性等知識。

微信掃碼,參與3人拼團

微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復購買,感謝您對慕課網的支持!