易混淆 的 布局問題

2021-08-19 15:32:49 字數 797 閱讀 6276

float 從字面上的意思就是浮動,這種在印刷排版之類中可能解釋的更加貼切。float能讓元素從文件流中抽出,它並不佔文件流的空間,典型的就是**混排中文字環繞的效果了。並且float這也是目前使用最多的網頁布局方式。不過需要注意的是清除浮動是你可能需要注意的地方。並且如果你要考慮到古老的ie6之類的還會有一些bug諸如雙邊距等等問題。

而position顧名思義就是定位。他有以下這幾種屬性:static(預設),relative(相對定位),absolute(絕對定位)和fixed(固定定位)。其中static和relative會佔據文件流空間,他們並不是脫離文件的。absolute和fixed是脫離文件流的,不會佔據文件流空間。

比較可以發現,float和position最大的區別其實是是否佔據文件流空間的問題。雖然position有absolute和fixed這兩個同樣不會佔據文件流的屬性,但是這兩個並不適合被用來給整個網頁做布局。為什麼?因為這樣你就得為頁面上的每乙個元素設定乙個xy座標來定位。也經常會出現因為漏掉某乙個div的定位而排版混亂的問題,對於新手來說,更困難的是無法精準判斷定位的屬性,通常要一直回頭看自己做過的內容或者遇到新的問題就被卡的無法繼續。

float布局就顯得靈活多了。但是一些特殊的地方搭配relative和absolute布局可以實現更好的效果。因為absolute是基於父級元素的定位,當父級元素是relative的時候,absolute的元素就會是基於它的定位了。比如你可以讓乙個按鈕始終顯示在乙個元素的右下角。

在布局排版中,什麼地方用哪

種方式通常跟乙個人習慣性的整體框架布局有關,在我們對div塊的布局架構掌握的更熟練之後,問題就會相應的變少很多了。

易混淆的幾個概念

不知道行不行,大家看下,指點下 謝謝額 1.抽象方法與介面 第乙個還沒寫,那個寫一下貼上來 2.多型與繼承 3.委託類及說明委託 匿名委託 4.反射的方法訪問另乙個類的方法。一 開發oa系統中有公文流轉流程,其中在公文流轉中有公文審核,公文審核是按級審核的,比如發文單位主管審核後,經理要審核,經理審...

Delphi 易混淆的概念

一 owner和parent的區別 parent屬性是指構件的包容器,構件只能在此範圍內顯示和移動。舉例子如下 1 在form1的窗體上,放乙個panel1,並將panel1拉大,2 在panel1上放一button1 3 在form1上放一button2。現在如果移動panel1,則button1...

js 易混淆定義

一.阻止事件冒泡 ie ev.cancelbubble true 非ie ev.stoppropagation 二.阻止預設事件 return false 或 ev.preventdefault 三.函式宣告 與 函式表示式 function functionname arg 函式宣告 var af...