關於CSS浮動的影響
阿新 • • 發佈:2019-01-28
今天的作業是做一個淘寶交易的確認介面。本來以為我們關於web靜態頁面的基礎知識已經基本學完,做這樣一個基本介面應該不是一個很大的問題,可是真正接觸這個專案,才發現學懂看懂和能做之間的區別。
關於這個頁面的總體框架很好搭建,就是一個3段式佈局,利用div和css相結合就能很好的完成總體佈局。但是當往其中添相應元素時卻是問題不斷。這才真正理解到什麼是“細節決定成敗”。
其中遇到的最大問題是關於float飄動的影響問題,我們知道當一個元素浮動時,其周圍的文欄位落等會相應的環繞它。這樣浮動的元素就會成為一座孤島,周圍的東西就會成為水流,圍繞它。這時問題就來了,我們往往希望浮動的影響不要對周圍原有的佈局產生影響。我們往往想到的是利用
其次是關於定位的問題,因為作業時float的浮動只有左右之分,導致我們的元素不能達到準確的位置。我就嘗試著使用position來定位,可是卻發現它往往不起作用。具體原因還有待解決。
原網頁
效果圖