網頁錯位原因解決方法_第1頁
全文預覽已結束

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

1、網頁錯位原因解決方法不時我們會碰到咱們要配置在一行呈現(xiàn)的組織，卻由于種種緣故原由組成為了錯位，看到究竟是在一行的著末一個盒子布局錯位掉上去了（下列圖）。錯位一 3錯位凋零與1和2下方錯位二 網頁組織錯位樹范形成div css網頁結構錯位的原由大概有兩種環(huán)境，一種是寬度計算差遲，一種是ie bug造成，額外是ie6與ie7。今后我們挨著為各人簡介錯位與方案錯位法子。一、寬度計算紕謬決定方法寬度計算差錯，假設總寬度為500px，有3個盒子，劃分css寬度為200px、200px、100px，這個沒標題可能在一排閃現(xiàn)不會錯位，但若退出了css邊框、padding、margin屬性時，別忘記這幾個屬性

2、所占的寬度。額外是padding與邊框border占用寬度空間不要疏忽了。假如有一個盒子到場擺弄邊框，這個時候有一個盒子中剛契合的寬度條件下減少2px邊框占用寬度，否則即會總3個盒子較量爭辯寬度大于了總寬度，構成錯位。寬度問題組成css布局錯位小結：內盒子寬度之和大于了外寬度組成錯位，檢查時候我們定然計算設置裝備擺設寬度、邊框、paddind、margin之和。二、ie bug額定是ie6與ie7組成錯位這個標題問題是最頻繁的問題，咱們查看完第一點寬度標題，而寬度沒標題問題，這個時候在ie6、ie7中錯位，在ie8及其它閱讀器沒有錯位標題，這個時候咱們就要思考到你可否用法了margin屬性，一

3、樣平時我們運用了css浮動（css float）環(huán)境下運用margin（margin-right margin-left這里額定是這個屬性）此屬性會發(fā)作雙倍數(shù)值，這個時候我們必要應用css hack決定此標題問題。讓ie6或ie7單獨辨認特指定margin花式。如：1、ie6零丁識別（margin-left應付只要ie6錯位狀況下）margin-left:5px;_margin-left:2px這個時候除ie6外別的涉獵器設別margin-left:5px，ie6徑自辨認_margin-left:2px2、ie7與ie6都識別（margin-left應付ie6和ie7識別其它版本和品牌涉獵器不設別）margin-left:5px;*margin-left:2px;這個時辰除ie6與ie7外，其它掃瞄器設別mar

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網頁內容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間，僅對用戶上傳內容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內容本身不做任何修改或編輯，并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論