-
布局方式 http://img1.sycdn.imooc.com//5479259c000121551 div于之間的關系：緊鄰，嵌套，疊壓 http://img1.sycdn.imooc.com//547925c70001eafc12000530-120-68.jpg2000530-120-68.jpg http://img1.sycdn.imooc.com//547926220001085412000530-120-68.jpg查看全部
-
兩列布局：自適應的兩列布局：width用百分比+float； 固定寬度的兩列布局：width：具體值/父級元素的寬度確定，width+百分比；+float; 如果沒有加float的話，不能實現并排的兩列布局。 我認為（歡迎指正）： div作為外聯元素獨占一行，使后面的元素在下一行（設置display：inline/inline-block可以達到float效果） 另外一種設置兩列布局（固定寬度+自適應寬度）的方法： position：relative——父元素：相對定位（因為不設置偏移量時，它還是在原來的位置，不影響其位置） position：absolute——子元素：絕對定位（通過設置top :0;margin/left設置其與另一邊的位置使其位于同行的另一側） 注意：固定寬度的列的高度>自適應的列的高度查看全部
-
使<div>居中：margin：0 auto;（注意這個div的width不能是占滿視圖的！=100%） 一列布局適用于介紹性文檔查看全部
-
排版布局：float:right/left;常用于兩列布局（還是在正常的文檔流中，并沒有脫離文檔流）；position:absolute(相對于瀏覽器窗口視圖進行絕對定位）/relative(相對于原來位置進行移動）/fixed(相對于視圖的絕對定位，且不隨滾動而發生改變 如jq22.com左側的導航欄）查看全部
-
三層布局的多種方法： 1、利用position進行三列布局的排版： .mainbody{width:960px;}//包裹在外面的mainbody .left{width:200px;position:absolute;left:0;top:0;}//position:absolute;是相對于瀏覽器窗口的絕對定位,即使外層包裹的mainbody怎么改變margin和padding都不改變;position:relative;是相對于標準文檔流中其原來位置的的定位； .middle{width：400px;background:yellow;margin:0 20px}//相當于在文檔流中正常顯示，不受left和right的影響，用float的話會有很多影響 .right{width:320px;background:blue;position:absolute;top:0;right:0;} 2、利用float 如果有多個float：left，后者知道前者的float存在，不會遮擋它，與其相鄰。 3、float與position并用。查看全部
-
模塊之間的關系：緊鄰，嵌套，疊壓；查看全部
-
http://img1.sycdn.imooc.com//5477f23900010a4c12000530-120-68.jpg 如果需要有空隙，可以多設置一些左右的margin值；查看全部
-
浮動（float）和 絕對定位（position：absolute） 可以讓元素脫離文檔流查看全部
-
網頁可以用100% 來實現根據瀏覽器寬度自適應 網頁的長度理論上可以無線延長； 常見網頁布局：頭部，內容主體（可分欄），底部；查看全部
-
還要好好思考查看全部
-
記一下查看全部
-
浮動（float）和 絕對定位（position：absolute）查看全部
-
直接用絕對定位，然后，直接使用top讓left處在相應的位置，這樣好嗎？查看全部
-
三列布局：兩列固定，一列自適應 固定兩列采取絕對定位 自適應部分利用margin值與其他兩列分隔開查看全部
-
盒子之間的三種關系： 1、相鄰 2、嵌套 3、層疊 我們要做的就是擺放好盒子的位置。查看全部
舉報
0/150
提交
取消