一步一步寫web之初識web（二）

昨天卡在backgroundImg未按預想的呈現。今天調整了下，position用錯了，也沒有設置高度。所以圖片就跑錯了位置，今天重新設置下，勉強好看些了

這裏用一個大div包裹中間三排要顯示的組件，這個div距左右兩邊的距離在js中處理，使其居中

 //容器對象
    var mainContainer=document.getElementById("mainContainer");
    mainContainer.style.left = (document.body.clientWidth - mainContainer.clientWidth)/2 +"px";

緊接着的三排div要用position:abslute進行定位，不然會跑不見。我寫的時候中間黃色和黑色的三角形就不見了，最終把滑動門的幾張圖片註釋掉才找到這個div在哪裏。具體的代碼實現可參照github上css微調這次提交。

至此，大的框架差不多了，剩下的就是慢慢填充內容，接下來實現右上角鼠標到達會員位置事會彈出下拉列表，這裏有坑：幾個嵌套div沒有id。還在摸索的路上，實現後接着更新。

備註：這裏的一步一步寫web是沒有與後臺交互的（本地，url借用百度貼吧裏的），也沒有用框架，純粹的用html，js，css，打開則是點擊html文件選擇瀏覽器打開即可。等次頁面做的和百度貼吧有幾分神似後在構建react項目，繼續分享學歷歷程，感謝大家給予指導，有建議或意見及不明之處可以隨時留言！