頂部邊界CSS：內容排名

CSS佈局一直是長方形。 任何流暢的線條 - 開發者的能力。 樣式規則提供了足夠的選擇屏幕分辨率之內給出平滑頁的形式。 但是，任何佈局元素 - 它總是在其中的位置信息通過CSS規則支配的矩形。

在所有側填充用於在網頁中的每個元素重要的，當是絕對定位，並且上邊距由CSS確定，特別是因為它是為不同的元件，特別是小寫重要。

基本定位規則

該塊件具有大致從所述元件，其是（裕度），通常縮進在其內部（填充）和所述框架（邊界）的寬度的元件，其也可以使用的側面的情況。

特別重要的是上邊距。 CSS規則內的單元連接的內部填充規則絕對和相對定位的該塊內的元件。

的CSS規則通常的做法：你同樣可以指定在各方的邊緣，在對上/下和左/右或單獨給每一面。 例如，

• 保證金：10px的;
• 填充：10px20px;
• 填充：10px20px30px40px。

在第一種情況構件安裝從上述外容器的側面，其中，它位於偏移。 在第二種情況下，頂部和底部的邊距10px的，左邊和右邊 - 20像素。 在第三種情況下，填充的四面尺寸：上，右，下，左。

在所有這些情況下， 上邊距CSS為10像素。

即改變元素的位置規則

如果佈局元素沒有被絕對定位，它是在普通訂單頁面。

如果我們定義的CSS scCurrInfo元素上邊距就達到了，如果在李的水平-沒有。

在這個例子中，使用規則填充：40像素; 它需要足夠的規則減少寬度和高度80px。 否則scCurrInfo塊大小失控超出外單位。

如果您從描述規則scCurrInfo填充，但在列表項樣式的描述中的20像素值，僅上邊距添加。 CSS不會將此值應用於其他各方。

當然，這樣的使用縮進規則適用於每一個元素裡。

一般的做法內容格式

一些開發商達到完美，一英里半的網頁塊元素。 顯然，這是一個典型的做法-從表格並完成對塊自己的教育過程。

在塊佈局，催眠固有的自由，以及想像的顯影劑不能被限定於嚴格的板狀規則僅僅排名細胞融合僅水平和垂直方向。 沒有什麼內在關係的想法。

同時，表格，除了明顯的缺陷，也有很多定性的優勢。 創建於頂部的壓痕，CSS允許左側填充，右側（從底部-這是一個特殊的時刻）。 規則允許您控制垂直和水平對齊表格單元格。 使用樣式系列，他們與風格細胞的結合可形成複雜的內容呈現。

習慣性表示的頁面形式的矩形 （塊佈局） 並不妨礙它在表中。 這也是一個矩形，但同時又是一個表格單元格，那就是，有自己的規則補充塊的規則。

絕對定位

; 阻止規則POSITION： 絕對的; 將設在地方指定其坐標相對於塊，它的位置。

的CSS規則的特徵- “實踐-真理的最好標準”在大多數情況下，特別是在跨瀏覽器的兼容性和佈局是手工完成，最好是高品位的研究手冊層疊樣式表。

使用表格往往導致細胞內容物偏見的問題。 在塊類似的轉變影響並不總是而不是所有項目。 通過實驗，可以達到預期的效果。 簡單的任務：如何刪除上邊距，CSS並不總是解決一個簡單的方法。

在某些情況下，有必要徵收頁面元素在任何流行的內容管理系統網站的內部，你還是應該既注重實驗的做法，而且還看到同行的經驗。