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

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

CSS1 中首次提出了浮動。

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

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

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

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

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

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

兩列布局是一側(cè)固定，另一側(cè)自適應(yīng)。一般一個浮動，另一個設(shè)置margin，或者一個絕對定位，另一個設(shè)置margin。

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

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

左列定寬，右列自適應(yīng)
該布局方式非常常見，適用于定寬的一側(cè)常為導(dǎo)航，自適應(yīng)的一側(cè)為內(nèi)容的布局

?

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。