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

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

如何用CSS進行網頁布局

江老實 Web前端工程師
難度初級
時長22分
學習人數
綜合評分9.60
1991人評價 查看評價
9.8 內容實用
9.6 簡潔易懂
9.4 邏輯清晰
  • 清除浮動clear:both;
    查看全部
    0 采集 收起 來源:實踐題

    2014-12-19

  • 網頁的高度可以自適應
    查看全部
    0 采集 收起 來源:內容簡介

    2014-12-18

  • <!--實現效果法二--> .left{ width:300px; height:600px; background:#ccc;float:right;}}/*左浮動樣式*/ .right{ width:660px; height:600px; background:#FCC; float:right;}/*左浮動樣式*/ ->推薦大家一個記事本:EditPlus
    查看全部
    0 采集 收起 來源:編程練習

    2018-03-22

  • <style> .main{width:800px,margin:0 auto;} .left{width:250px;float:left;} .right{width:550px;float:right;} </style>
    查看全部
    0 采集 收起 來源:二列布局

    2018-03-22

  • 三列布局:左右固定寬度值,中間自適應。此時不能浮動布局,應該使用絕對定位 .left{position:absolute;left:0'top:0} .right{position:absolute;right:0;top:0} .middle{margin值}
    查看全部
    0 采集 收起 來源:三列布局

    2014-12-18

  • 浮動(float)和 絕對定位(position:absolute)可以讓元素脫離文檔流. 文檔流:將窗體自上而下分成一行行, 并在每行中按從左至右的順序排放元素,即為文檔流.(自己的理解是從頭到尾按照文檔的順序,該在什么位置就在什么位置,也可以按照上面的意思理解,自上而下,自左到右的順序)
    查看全部
    0 采集 收起 來源:評測題目

    2014-12-18

  • mark
    查看全部
    0 采集 收起 來源:編程挑戰

    2014-12-17

  • <!- 居中對齊-> <style type="text/css"> (一) #head{margin: 0 atuo; } (二) #headD{ margin-left:auto; margin-right:auto; } </style>
    查看全部
    0 采集 收起 來源:編程練習

    2018-03-22

  • <!- 總結-> 1.寬度的自適應 2.高度自適應 3.布局:一列,二列,多列,混合式布局
    查看全部
    0 采集 收起 來源:內容簡介

    2018-03-22

  • 1. 加強了解position: absolute和relative的位置關系; 當main設置為relative時,left的absolute以main左上角為起點; 當main未設置默認為static時,left的位置相對于HTML; http://blog.csdn.net/yanzhibo/article/details/18569479 absolute :絕對定位 位置相對離元素最近父級文檔流的左上角,會脫離文檔流,飄起來。 配合top、right、bottom、left使用。 有意思的是絕對定位也是“相對”的。它的坐標是相對其容器來說的。容器又是什么呢,容器就是離元素最近的一個定位好的“祖先”,定位好的意思就是其position是absolute或fixed或relative。如果沒有這個容器,那就使用瀏覽器初始的,也就是body(文檔流)或者html元素。標準是說只需要指定left和right,width可以自動根據容器寬度計算出來 2. 設置right的margin使其自適應寬度;如加width: 100%設置,將導致瀏覽器被撐開,出現橫向滾動條(使用overflow: hidden可隱藏溢出,但實際上還是溢出邊界) 3.?若先加載left,可設置其左浮動,對right加width:100%-210px 實現此功能。
    查看全部
    0 采集 收起 來源:編程挑戰

    2014-12-16

  • http://www.zhihu.com/question/24529373/answer/29135021 浮動(float)和 絕對定位(position:absolute)可以讓元素脫離文檔流.
    查看全部
    0 采集 收起 來源:評測題目

    2014-12-15

  • 排版布局:float:right/left;常用于兩列布局(還是在正常的文檔流中,并沒有脫離文檔流);position:absolute(相對于瀏覽器窗口視圖進行絕對定位)/relative(相對于原來位置進行移動)/fixed(相對于視圖的絕對定位,且不隨滾動而發生改變
    查看全部
    1 采集 收起 來源:內容簡介

    2015-03-09

  • 網頁設計特點(相對紙媒來說) 1、網頁可以自適應寬度 2、網頁的長度理論上可以無限延長
    查看全部
    0 采集 收起 來源:內容簡介

    2014-12-15

  • 任務3:要求右側(right)先加載,左側(left)后加載 任務4:編寫的代碼要兼容ie6這兩個怎么實現呢
    查看全部
    0 采集 收起 來源:編程挑戰

    2014-12-14

  • 1、clear語法:一般浮動是什么情況呢?一般是一個盒子里使用了CSS float浮動屬性,導致父級對象盒子不能被撐開,這樣CSS float浮動就產生了。(l例:本來兩個黑色對象盒子是在紅色盒子內,因為對兩個黑色盒子使用了float浮動,所以兩個黑色盒子產生了浮動,導致紅色盒子不能撐開,這樣浮動就產生了。) clear : none | left|right| both 2、clear參數值說明: none :  允許兩邊都可以有浮動對象 both :  不允許有浮動對象 left :  不允許左邊有浮動對象 right :  不允許右邊有浮動對象
    查看全部
    0 采集 收起 來源:編程挑戰

    2015-04-01

舉報

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

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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