-
用來練習 <style> body{ margin:0; padding:0; font-size:30px; font-weight:bold} div{ text-align:center; line-height:50px} .top{ height:100px;background:#9CF} .head,.main{ width:960px; margin:0 auto;【任務1】} .head{ height:100px; background:#F90} .left{ width:220px; height:600px; background:#ccc; float:left;【任務2】} .right{ width:740px; height:600px;background:#FCC; float:right} .r_sub_left{ width:540px; height:600px; background:#9C3; float:left} .r_sub_right{ width:200px; height:600px; background:#9FC; float:right;【任務3】} .footer{ height:50px; background:#9F9; clear:both;【任務4】} </style>查看全部
-
310px;查看全部
-
（1）在線代碼測試工具：http://www.lvyestudy.com/tools/run_code.aspx； （2）在線調色板：http://www.lvyestudy.com/tools/color_picker.aspx； （3）CSS3圓角生成器：http://www.lvyestudy.com/tools/border_radius.aspx查看全部
-
float 和 絕對定位可以使元素脫離文檔流查看全部
-
margin:0 auto;是塊狀元素的居中對齊方式，text-align:center;是內聯元素（如，a,img標簽)的對齊方式，padding:0;margin:0;是做為初始化頁面，原因是頁面在被各個瀏覽器讀取時的理解不同產生不同的展示效果，所以需要清除.查看全部
-
兼容IE6不能用浮動，而且當子元素要設定為absolute的時候，父元素要設定relative才可以。 要右側自適應，則左側應該定寬并且position：absolute。 加載順序先右后左div的順序為先右后左查看全部
-
div{ line-height:50px} .left{ width:200px; height:600px; background:#ccc; position:absolute; left:0; top:0} .main{ height:600px; background:#9CF;;margin:0px 310px 0px 210px; } .right{ height:600px; width:300px; position:absolute;right=0 ;top:0; background:#FCC;}查看全部
-
寬度自適應，要按照百分比來設置查看全部
-
文檔流：將窗體自上而下分成一行行, 并在每行中按從左至右的順序排放元素,即為文檔流. 浮動（float）和 絕對定位（position：absolute）-->脫離文檔流 脫離文檔流，也就是將元素從普通的布局排版中拿走，其他盒子在定位的時候，會當做脫離文檔流的元素不存在而進行定位。需要注意的是，使用float脫離文檔流時，其他盒子會無視這個元素，但其他盒子內的文本依然會為這個元素讓出位置，環繞在周圍。而對于使用position：absolute脫離文檔流的元素，其他盒子與其他盒子內的文本都會無視它查看全部
-
margin:0 auto;是塊狀元素的居中對齊方式，text-align:center;是內聯元素（如，a,img標簽)的對齊方式，padding:0;margin:0;是做為初始化頁面，原因是頁面在被各個瀏覽器讀取時的理解不同產生不同的展示效果，所以需要清除.查看全部
-
main父級relative left子級absolute right子級margin，width：100%查看全部
-
很實用查看全部
-
兼容IE6不能用浮動，而且當子元素要設定為absolute的時候，父元素要設定relative才可以。 要右側自適應，則左側應該定寬并且position：absolute。 加載順序先右后左div的順序為先右后左查看全部
-
要想頁面自適應，使用百分比參數~查看全部
-
是否有其他方法查看全部
舉報
0/150
提交
取消