1. 程式人生 > >最近做網頁前端專案時遇到的一些問題以及解決方案

最近做網頁前端專案時遇到的一些問題以及解決方案

這幾天和同學一起接了老師佈置的兩個網頁專案,雖然只做前端靜態頁面,但是真正實踐的時候我發現有些東西還是要用一用,出點錯才能記得解決方案。

第一個:設定寬屏效果
當我們需要頂部的banner橫向充滿整個螢幕以顯示寬屏效果時 我們會把這個banner的width設定為100%,
於是問題出現了,我們發現邊上會有一些邊距,想這樣
會有邊距,不能真正的寬屏效果
出現這種問題我們需要在CSS的body中設定兩個屬性:
margin:0px;
padding:0px;

之後看效果,出來了:
邊距沒有了

第二個:padding的用法
原諒我以前一直不記得,導致這次做專案這個地方耽誤了點時間,
設定padding屬性的時候,是left或right或bottom或top設定多少就減去相應的寬度。如果一個寬度200px的模組需要設定padding-left:20px;那麼這個模組的寬度我們只能寫180px;

第三個:一個DIV中嵌入浮動的層div,如果裡面這個浮動的div加入內容變高之後,他的父層也就是外面的div是不會隨著裡面的div變大而變大的,這個問題壞了我不少時間。後來查閱之後認識到,需要在父層的div的CSS中加入兩個屬性:
overflow:hidden;
zoom:1;

這次做的兩個靜態前端的網頁總結了這些問題,接下來估計就是源辰的二期JSP專案了,到時候有問題我再來總結。