CSS 為定位和浮動提供了一些屬性。

定位的基本思想，允許你定義元素框相對于其正常位置應該出現的位置，或者相對于父元素、另一個元素甚至瀏覽器窗口本身。

CSS1 中首次提出了浮動。

div、h1 或 p 元素被稱為塊級元素。

span 和 strong 等元素稱為“行內元素”，因為它們的內容顯示在行中。

可以使用 display 屬性改變生成的框的類型。
通過將 display 屬性設置為 block，可以讓行內元素（比如 <a> 元素）表現得像塊級元素一樣。
通過把 display 設置為 none，讓生成的元素根本沒有框，該框及其所有內容就不再顯示，不占用文檔中的空間。

無名塊框
在一種情況下，即使沒有進行顯式定義，也會創建塊級元素。
這種情況發生在把一些文本添加到一個塊級元素（比如 div）的開頭。
如下，即使沒有把這些文本定義為段落，它也會被當作段落對待：
<div>
some text
<p>Some more text.</p>
</div>

CSS 有三種基本的定位機制：普通流、浮動和絕對定位。

除非專門指定，否則所有框都在普通流中定位。

兩列布局是一側固定，另一側自適應。一般一個浮動，另一個設置margin，或者一個絕對定位，另一個設置margin。

三列布局特點是其中兩列寬度固定，剩下一個自適應，方法是兩個浮動自適應那個設置margin，比如左右固定，中間自適應可以左右分別設置float為left，right，然后中間那個設置margin left right分別為左右兩欄寬度。

圣杯布局
??特點是有個頭部底部，中間是主要內容區，主要內容區又分成左中右三塊，其中中間是最主要內容區，思路是朝一個方向浮動，再用負margin把擠下去的兩側給拉上來再設置相對定位，為了避免中間里面內容被拉上來的擋住再對中間內容設置padding。

左列定寬，右列自適應
該布局方式非常常見，適用于定寬的一側常為導航，自適應的一側為內容的布局

?

總結

以上是生活随笔為你收集整理的CSS要点总结的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。