-
布局：板式布局 特點：1.網頁自適應寬度 2.沒有高度的顯示 常見的：頭部，內容，底部 內容：分為一列 二列 三列 混合布局查看全部
-
不能用浮動，應為左右快固定在 main中。 position：absolute查看全部
-
這里是一個排版陷阱：當main里面設置了左右兩個div之后，這個時候不要忘記給main也設置和左右div一樣的高度，題中的main是沒有設置高度的，只設置了寬度，這個時候我們可以想象main其實就是一根高度為0的線條浮在top的下面，只是我們看不到，因為它沒有高度。而footer是浮在main下面的，并不是浮在左右兩個div下面，所以我們看到footer塊莫名其妙跑上來蓋住了左右兩個div，解決辦法如下： 第一，給main賦予和左右div同樣大小的高度，這個是最直接的方法，main的高度從0變成600px之后，自然把以它為參照、浮在它屁股下面的footer壓到下面去了； 第二，把footer的浮動清除掉，使用clear：both，這樣footer從一個跟著main浮起來的飛行物變成了失去翅膀的元素，不能浮動，它就只能自動找最長的參照物（也就是很長的左右div），然后折行顯示在底部了，一樣能達到效果。 如果還不懂，可以將main的高度設置為height：300px，就一目了然了，因為這個時候main變成了300px，而footer會跟著main低300px顯示在top下面。我們看不到main，不代表它不存在。查看全部
-
margin: 右，下，左，上、瞬時間方向定義數值！查看全部
-
浮動樣式： float ：xxx；查看全部
-
水平居中： margin：0 auto 會使你所有需要的模塊變成居中的形式查看全部
-
左邊距：margin-left查看全部
-
底部清除浮動，設置主體的高度就可查看全部
-
網頁中的三種關系 1、塊挨著塊 2、塊嵌套著塊 3、塊疊壓著塊查看全部
-
margin是文本的外邊距，程序中的絕對定位相當浮動，當左右兩邊設置絕對定位時，中間的內容其實是在底下的，文本內容也就被左右兩邊遮住了，設置margin值，就可以將外邊距設置成左右兩邊的寬度，而文本內容就自動的放在了盒子模型的中間查看全部
-
浮動（float）和絕對定位（position：absolute）可以讓元素脫離文檔流查看全部
-
css布局查看全部
-
三列布局查看全部
-
布局：又稱版式布局，是網頁UI設計師將有限的視覺元素進行有機的排列組合。 特點：1、網頁可以自適應寬度 2、網頁的長度理論上可以無限延長 分欄又稱分列，常見布局有：一列布局、二列布局、三列布局，但更多的是混合布局查看全部
-
css頁面分布查看全部
舉報
0/150
提交
取消