1、css中存在三種定位機制：標準文件流、浮動、
絕對定位。 2
、設定了浮動的元素，仍處於標註文件流中，但其尺寸無法像正常
div塊一樣得到擴充套件，需要額外填充元素或設定寬度高度才可以。 3
、清除浮動的方法有兩種，對受到浮動元素影響的元素設定：a、
clear
：both
（或left/right）；b
、width
：100%
；overflow
：hidden；
其中方法
a只適用於兄弟元素，不適用於父級；而
overflow
：hidden
可用於受浮動影響的父級元素。 4
、相對定位元素仍在標準文件流中，偏移量是相對最開始的位置來講的；相反，絕對定位則完全脫離標準文件流，是以包含塊為基準的定位。 5
、已定位元素是指設定了相對/絕對
/固定定位的元素。 6
、當元素設定了絕對定位之後，其和浮動元素一樣，其尺寸無法像正常
div塊一樣得到擴充套件，需要額外填充元素或設定寬度高度才可以。 7
、對於絕對定位元素：
未設定偏移量時：無論是否存在已定位祖先元素，元素都保持在初始位置，即祖先元素是否定位與其無關；
設定了偏移量時：無已定位祖先元素，則以
為偏移參照基準；
有已定位祖先元素，則以距離其最近的已定位祖先元素為參照基準。
另外由於絕對定位很不穩定，在實際程式設計中通常將其巢狀在定位為
relative
的父元素中。 8
、設定了浮動，但仍然不併排的原因可能是兩個塊的寬度已經超過了父元素的寬度，無法併排放下。 9
、當父元素未設定浮動，而子元素設定了浮動，則父元素高度無法自動拓展，受到影響，為了解決這個辦法，此時需要對父元素設定：
overflow
：hidden；
10、使用絕對定位實現橫向兩列布局，常用於，一列固定寬度，另一列寬度自適應的情況。主要技能是：父元素為
relative
，自適應寬度元素為絕對定位。
要注意的是固定寬度列的高度要大於自適應寬度列的高度！！！
tips:
1、div一般不設定高度。 2
、一般我們在設計併排模組時，會將兩者間距設定為
10~20px
，看起來會比較舒服。
課程**：
慕課網HTML CSS基礎課程學習
慕課網html css基礎課程 為了做好乙個功能全面的 我開始從零開始學習，第一步先學習html css，js學習之後也會更新。網頁主要由html哪些標籤構成 人是由頭和身體構成，同樣的網頁也是由 頭 和 身體 構成，頭 是head,文件的頭部描述了文件的各種屬性和資訊，包括文件的標題等 身體 是b...
慕課網《HTML CSS基礎課程》筆記總結（五）
每一條css樣式宣告 定義 由兩部分組成，形式如下 選擇器 在 之前的部分就是 選擇器 選擇器 指明了 中的 樣式 的作用物件，也就是 樣式 作用於網頁中的哪些元素。比如右側 編輯器中第7行 中的 body 就是選擇器。p 上面的css樣式 的作用 為p標籤設定12px字型大小，行間距設定1.6em...
基礎課 HTML學習筆記
1 head標籤 look at the title 2 文字標籤 最小字型大小 d標籤width 設定寬度 width 300px 設定固定寬度，不會隨著瀏覽器的寬度變化而變化 width 30 設定占用頁面寬度的百分比，隨著瀏覽器的寬度變化而變化 size 設定厚度 align 設定位置 靠左 ...