設計圖如下：
步驟：一、分出幾個塊
首部，中間包括乙個960px寬的劇中div，div裡包括logo和三個鏈結
宣傳欄，含有乙個輪顯數字
主要內容區，包括乙個導航欄和寬度自適應的內容塊
底部，包含水印
二、遇到的問題
1：首先是沒有固定在頁面底部，而是處於了的下方，主要是由於部分還沒有寫好內容未撐開導致的，此時可以先不管的位置等到把裡的內容都寫完就解決了，還有乙個辦法是將的position設定為absolute或者fixed。
2：輪顯數字的問題，將2設定為，然後在css中設定.current的樣式。
3：主內容區域，分成兩個部分導航欄內容，
**如下：
overflow: hidden解決。
3-2：布局部分：我選用了flex布局，**如下：
.box
.item
百度前端技術學院 零基礎學院 Day2
第二天，我們希望你能夠通過簡單的實踐，更加清楚地了解html是什麼，html5是什麼。學習基本的html標籤，理解html語義化概念 今天我們先暫時不用第一天讓你安裝的ide，我們先暫時使用codepen作為我們的開發工具，開啟 codepen，建立乙個新的頁面 create new pen 它有三...
百度前端技術學院 零基礎學院 Day5
通過閱讀及乙個小型練習，掌握 css 盒模型及通過float進行簡單的布局 今天我們要學習非常重要的一些知識，這些知識會伴隨著你的前端生涯.首先我們先學習一下盒模型的概念 接下來我們了解一下浮動 今天的任務，我們將不在codepen上來實現，開啟你電腦本地的 編輯器 如vscode，sublime或...
百度前端技術學院 基礎學院 學習筆記（一
1 html是什麼，html5是什麼 答 html 超文字標記語言 html5最新的html標準，擁有更豐富的語義 圖形 以及多 元素等內容 2 html元素標籤 屬性都是什麼概念？答 html不是程式語言，是標記語言，所以要使用標記標籤來描述網頁。屬性是用來提供html標籤更多的資訊。3 文件型別...