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

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

如何用CSS進行網頁布局

江老實 Web前端工程師
難度初級
時長22分
學習人數
綜合評分9.60
1991人評價 查看評價
9.8 內容實用
9.6 簡潔易懂
9.4 邏輯清晰
  • 文檔流:將窗口自上而下分成一行一行,并在每行中按從左至右的依次排放元素,即為文檔流。
    查看全部
    0 采集 收起 來源:評測題目

    2016-03-28

  • 相對定位(position:relative),不可以脫離文本流 浮動(float)和絕對定位(position:absolute)可以脫離文檔流
    查看全部
    0 采集 收起 來源:評測題目

    2016-03-28

  • 上面的代碼沒有給main設置高度,而main里的內容又設置成了浮動,所以footer會跑到head的下面。 解決方法有兩個:1.清除浮動, clear:both; 2.為main設置高度, .main{ width:860px;height:600px;margin:0 auto;background:#9FC; }
    查看全部
    0 采集 收起 來源:實踐題

    2016-03-28

  • 1.混合布局:我們可以把一列布局加入“左”和“右”改造為混合布局。 2.在中部mian中加入子div 分別是(左,右)。 然后分別在style中加入“.left和.right”的樣式! 3.注“left和right”都要加浮動“float” 4.還可以在混合布局下進行更復雜的混合布局 5.可以將right定義為sub_right和sub_right 分為化為更為密集的混合布局
    查看全部
    0 采集 收起 來源:混合布局

    2016-03-28

  • 三列布局: 左右列固定寬度,中間列自適應。 左側絕對定位:position:absolute;left:0;top:0; 右側絕對定位:position:absolute;right:0;top:0; 中間寬度定位:margin:0 (right寬度+間隙寬度)px 0 (left寬度+間隙寬度)px; 上右下左,左右調節大小可以緊鄰,也可以有間距 .left{ width:200px; height:600px; background:#ccc; position:absolute; left:0; top:0} .main{ height:600px; margin:0 310px 0 210px; background:#9CF} .right{ height:600px; width:300px; position:absolute; top:0; right:0; background:#FCC;} margin不為0注意加單位
    查看全部
    0 采集 收起 來源:編程練習

    2016-03-28

  • 三列布局:不能使用float,左右兩列絕對定位,分別靠左和靠右,中間列為相對定位,左右margin分別設置為左右兩列的寬度即可,如果列與列之間需要間隔,則增加相應的margin值。
    查看全部
    0 采集 收起 來源:三列布局

    2016-03-28

  • 此處中間自適應的部分,文字不能自己換行
    查看全部
    0 采集 收起 來源:三列布局

    2016-03-28

  • position:absolute的使用注意前面有無relative
    查看全部
    0 采集 收起 來源:編程挑戰

    2016-03-28

  • 用position定位,不需要用CLEAR清除
    查看全部
    0 采集 收起 來源:編程挑戰

    2016-03-28

  • clear:both;不兼容IE6。先加載哪部分就是在HTML代碼里面把它提到前面
    查看全部
    0 采集 收起 來源:編程挑戰

    2016-03-28

  • 多列里的自適應寬度的要用position
    查看全部
    0 采集 收起 來源:三列布局

    2016-03-28

  • 如何讓中間的高度變成自動的呢??? 高度AUTO 或者不寫 讓內容撐開
    查看全部
    0 采集 收起 來源:一列布局

    2016-03-28

  • 前端工程師:將藝術與技術完美融合的關鍵崗位
    查看全部
    0 采集 收起 來源:內容簡介

    2016-03-28

  • 分欄又稱分列
    查看全部
    0 采集 收起 來源:內容簡介

    2016-03-28

  • 網頁設計的特點
    查看全部
    0 采集 收起 來源:內容簡介

    2016-03-28

舉報

0/150
提交
取消
課程須知
1.你需要掌握html+css樣式基礎知識 2.有一定的前端實際開發經驗
老師告訴你能學到什么?
1.掌握網頁布局的相關知識 2.能對不同的網頁進行布局結構劃分 3.掌握固定寬度和自適應寬度的實現方法

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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