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

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

如何用CSS進行網頁布局

江老實 Web前端工程師
難度初級
時長22分
學習人數
綜合評分9.60
1991人評價 查看評價
9.8 內容實用
9.6 簡潔易懂
9.4 邏輯清晰
  • 若想實現兩列佈局,可使用 float。利用 float:left 和 float:right ,一左一右 實現。 若將外層 包一個 父層,則可進行居中。 使用 % 設定寬度,則可實現自適應寬度。
    查看全部
    0 采集 收起 來源:二列布局

    2016-02-17

  • body{margin:0;parding:0;}清除默認樣式 margin : 0 auto 居中
    查看全部
    2 采集 收起 來源:一列布局

    2016-02-17

  • CSS中脫離文檔流,也就是將元素從普通的布局排版中拿走,其他盒子在定位的時候,會當做脫離文檔流的元素不存在而進行定位。   需要注意的是,使用float脫離文檔流時,其他盒子會無視這個元素,但其他盒子內的文本依然會為這個元素讓出位置,環繞在周圍。   而對于使用absolute positioning脫離文檔流的元素,其他盒子與其他盒子內的文本都會無視它
    查看全部
    0 采集 收起 來源:評測題目

    2016-02-17

  • 對于寬度可設置的塊狀元素可以用margin:0 auto;實現居中
    查看全部
    0 采集 收起 來源:編程練習

    2016-02-17

  • 清除浮動有兩種方法:1.clear:both 2.overflow:hidden
    查看全部
    0 采集 收起 來源:實踐題

    2016-02-17

  • body{ margin:0; padding:0; font-size:30px; color:#fff; margin:0 auto; width:500px;} .top{width:500px; height:30px; background:#cccccc;} .main{width:500px; height:500px; background:pink;} .left{width:100px; height:500px; background:blue; float:left;} .right{width:380px; height:500px; background:green; float:right;} .foot{width:500px; height:30px; background-color:yellow;} </style>
    查看全部
    0 采集 收起 來源:編程挑戰

    2018-03-22

  • 用百分比完成自適應布局 三列如果左右固定寬度 中間自適應 如果想在同一行 通過float是不行的 應該左側{position:absolute;left 0;top 0;} 中間{margin:0 右側寬度 0 左側寬度} 右側{position:absolute;right 0;top 0} 如果中間距離左右咧需要一些空間 則將中間的左側寬度右側寬度多寫點
    查看全部
    0 采集 收起 來源:三列布局

    2016-02-16

  • clear:both; //清除兩邊元素的浮動對他的影響 overflow: hidden; // 用在浮動元素本身清除對父元素的影響
    查看全部
    0 采集 收起 來源:實踐題

    2016-02-16

  • 清除浮動有兩種方法:1.clear:both 2.overflow:hidden
    查看全部
    0 采集 收起 來源:實踐題

    2016-02-16

  • 寫css樣式之前要養成清除固定樣式的習慣 即寫一行代碼: body{ margin: 0px;padding: 0px;}
    查看全部
    0 采集 收起 來源:一列布局

    2016-02-14

  • 使用position絕對定位,固定左右兩邊的寬高,中間不設置width,實現中間內容自適應
    查看全部
    0 采集 收起 來源:三列布局

    2016-02-14

  • 有空隙的左右兩列固定,中間自適應的div 使用position絕對定位
    查看全部
    0 采集 收起 來源:三列布局

    2016-02-14

  • 三列的需要在第一列中加入定位、第三列也要,中間加margin即可
    查看全部
    0 采集 收起 來源:三列布局

    2016-02-12

  • 題目要求先加載右側,如果對left塊使用float則造成right塊先加載后left塊生成直接漂在下一行,故不適用float。clear是配合浮動使用這局也沒它什么事了。只能使用absolute進行大漂移,先對main設置一個relative的好處是相對位置容易找,不設置就對body主體進行漂移,也行。left訂死高度,不然覆蓋foot就沒辦法了。main高度甭管,right作為其子元素設好高度自然就給它充起來了,背景自然露紅。foot直接堆到那就行了
    查看全部
    0 采集 收起 來源:編程挑戰

    2016-02-12

  • 清除浮動有兩種方法:1.clear:both 2.overflow:hidden clear:both; //清除兩邊元素的浮動對他的影響 overflow: hidden; // 用在浮動元素本身清除對父元素的影響
    查看全部
    0 采集 收起 來源:實踐題

    2016-02-11

舉報

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

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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