首先，我們說一下flow，實際上就是從html在上面開始，從上到下沿著元素流逐個顯示。
對於塊元素，從上到下布局。對於塊元素中的內聯元素，從左上方流向右下方。
對於內聯元素我們需要注意間距問題：
1. 對於併排放置的兩個內聯元素，中間外邊距不會重疊。所以最終兩個元素中間相差兩個外邊距之和。
2. 對於上下放置的兩個內聯元素，外邊距會重疊。所以最終兩個元素中間相差為最大外邊距。
3. 對於內聯元素，我們一般不會設定外邊距。我們這裡主要指img。
4. 對於巢狀元素，只要上下放置，就會重疊。
浮動布局：只允許將乙個元素向左或向右浮動。
#sidebar
#main
"all">
...
#all
#all
#sidebar
使用table進行**的顯示，相當於把元素分別放在乙個**的行和列中，對於排版會很方便。
首先，要為html增加結構，使其符合**布局結構：
接下來，設定css樣式：
#tablecontainer
#tablerow
#col1
#sidebar
#sidebar
css元素定位和布局
一 定位 模型和定位是密不可分的，就像買了家具，要找地方放家具一樣，要不然沒地方放，放到人家家裡面，是沒有意義的。下面就介紹一下定位的屬性 position 定義元素在頁面的定位方式 left 指定元素和最近乙個具有定位設定的父物件左邊的距離 right 指定元素和最近乙個具有定位設定的父物件右邊的...
CSS定位布局
絕對定位 如果想為元素設定層模型中的絕對定位，需要設定position absolute 表示絕對定位 這條語句的作用將元素從文件流中拖出來，然後使用left right top bottom屬性相對於其最接近的乙個具有定位屬性的父包含塊進行絕對定位。如果不存在這樣的包含塊，則相對於body元素，即...
css布局 定位
1 為什麼需要定位？某個元素可以自由的在乙個盒子內移動位置，並且壓住其他盒子 滾動視窗時，盒子固定在某個位置 2 應用 下拉列表 模態框 web應用程式的一些基本效果 3 本質 將元素徹底從文件流中移走。允許將元素放在螢幕的任意位 置，還可以將乙個元素放到另乙個元素的前面或者後面，彼此重疊。按照定位...