-
div{ line-height:50px}/*控制字體*/查看全部
-
設置塊元素寬度自適應 利用百分比（相對父元素比例）設置其寬度即可讓這個元素的寬度自適應； 利用絕對定位的方式來布局兩列布局 其中一列要求定寬 另外一列寬度自適應。查看全部
-
多列布局查看全部
-
三種關系：相鄰，嵌套，重疊?？偨Y的很好??！查看全部
-
13weibo_Debbie 網頁的特點：自適應界面的寬度；理論上能無限延長。<br> 分欄布局（分列）：一列，兩列，三列和混合布局（一列頭部，幾列內容，可以有底部） 前端工程師需要用CSS的浮動和定位完成UI的設計。查看全部
-
混合布局查看全部
-
清除浮動 clear:both查看全部
-
.left{ width:200px; height:600px; background:#ccc; position:absolute;left:200px;【任務1】; left:0; top:0} .main{ height:600px; 【任務2】margin:0 310px 0 210px; background:#9CF} .right{ height:600px; width:300px; position:absolute; top:0; right:300px;【任務3】; background:#FCC;} 2邊固定，中間隨著瀏覽器的大小收縮查看全部
-
兩列布局利用到了float：left/right 屬性 1.自適應，用百分比%分配寬度，當拖動瀏覽器窗口時，按設置做相應變化，此方法比較少用 2.固定寬度，用px明確指定寬度， 限制左右在父級框中 .main{} .left{float:left;} .right{float:right;} <div class="main">查看全部
-
文檔流：將窗體自上而下分成一行行, 并在每行中按從左至右的順序排放元素,即為文檔流. 浮動（float）和 絕對定位（position：absolute）-->脫離文檔流 脫離文檔流，也就是將元素從普通的布局排版中拿走，其他盒子在定位的時候，會當做脫離文檔流的元素不存在而進行定位。需要注意的是，使用float脫離文檔流時，其他盒子會無視這個元素，但其他盒子內的文本依然會為這個元素讓出位置，環繞在周圍。而對于使用position：absolute脫離文檔流的元素，其他盒子與其他盒子內的文本都會無視它。查看全部
-
兩列布局：自適應的兩列布局：width用百分比+float； 固定寬度的兩列布局：width：具體值/父級元素的寬度確定，width+百分比；+float; 如果沒有加float的話，不能實現并排的兩列布局。 我認為（歡迎指正）： div作為外聯元素獨占一行，使后面的元素在下一行（設置display：inline/inline-block可以達到float效果） 另外一種設置兩列布局（固定寬度+自適應寬度）的方法： position：relative——父元素：相對定位（因為不設置偏移量時，它還是在原來的位置，不影響其位置） position：absolute——子元素：絕對定位（通過設置top :0;margin/left設置其與另一邊的位置使其位于同行的另一側） 注意：固定寬度的列的高度>自適應的列的高度查看全部
-
1.一列布局不適于存放文本，太長容易看走眼 一列布局： 1.通常作為網頁頭部。固定寬度。 2.真正開發，高度設置自動的。 兩列布局自適應，使用百分比。 三列布局，使用絕對定位和margin。 盒子之間的三種關系： 1、相鄰 2、嵌套 3、疊加 我們要做的就是擺放好盒子的位置。 關于頁面上元素的加載順序： 元素是從前往后依次加載的，要想先加載就要寫在前面。 通常left部分是作為菜單，right部分作為主體內容，我們打開網頁，都希望先看到 主體內容，所以有意把right部分寫在left部分前面，然后把right部分右浮動，left部分左浮動， 這樣布局不會出現問題，而且還解決了IE6下右浮動換行的問題。 ------------------------------ <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>一列布局</title> <style type="text/css"> body{margin:0;padding:0;} .main{width: 800px;height:600px;background-color: #ccc;margin: 0 auto;} .top{height:100px;background-color: blue;} .foot{width: 800px;height:100px; background-color: #900;margin: 0 auto;} </style> </head> <body> <div class="top"></div> <div class="main"></div> <div class="foot"></div> </body> </html>查看全部
-
脫離文檔流，也就是將元素從普通的布局排版中拿走，其他盒子在定位的時候，會當做脫離文檔流的元素不存在而進行定位。需要注意的是，使用float脫離文檔流時，其他盒子會無視這個元素，但其他盒子內的文本依然會為這個元素讓出位置，環繞在周圍。而對于使用absolute positioning脫離文檔流的元素，其他盒子與其他盒子內的文本都會無視它。 作者：張秋怡 鏈接：http://www.zhihu.com/question/24529373/answer/29135021 來源：知乎 著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請注明出處。查看全部
-
清除浮動兩種方法：1. clear:both; 2. overflow:hidden查看全部
-
脫離文檔流，也就是將元素從普通的布局排版中拿走，其他盒子在定位的時候，會當做脫離文檔流的元素不存在而進行定位。需要注意的是，使用float脫離文檔流時，其他盒子會無視這個元素，但其他盒子內的文本依然會為這個元素讓出位置，環繞在周圍。而對于使用absolute positioning脫離文檔流的元素，其他盒子與其他盒子內的文本都會無視它查看全部
舉報
0/150
提交
取消