-
<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:0px auto;} .head{ height:100px; background:#F90} .left{ width:220px; height:600px; background:#ccc; float:left;】} .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;} .footer{ height:50px; background:#9F9; margin:0 auto;} </style> clear:both;/*也可以用這種方法來實現底部的清除浮動*/查看全部
-
<style type="text/css"> body{ margin:0; padding:0; font-size:30px; font-weight:bold} div{ line-height:50px} .left{ width:200px; height:600px; background:#ccc;position:abs0lute; float:left; left:0; top:0} .main{ height:600px; margin:0px 210px 0px310px;background:#9CF} .right{ height:600px; width:300px; position:absolute; top:0; float:right; background:#FCC;} </style>查看全部
-
采用絕對定位來設置實現三列布局設計，中間空一點出的話，增加margin屬性值便可以實現，一般大型綜合網站會經常用到。查看全部
-
body{margin:0px;padding:0px;font-size:12px ;font-weight:bold;} div{text-align:center;lin-height:30px;} main{width:960px;height:600px;margin:0 auto;} left{width:300px;height:600px;background:#ccc;float:left;} right{width:600px;height;600px;background:#cdecec;float:right;}查看全部
-
float/*屬性可以改變在盒子模型的位置*/ position/*屬性可以把內容定位在盒子模型的任何一個位置*/查看全部
-
*{margin:o;padding:0;}/*控制整頁面內容無外邊距和內邊距*/ body{margin:0px;padding:0px;}/*相對頁面主體或者某一部分或某一欄目*/查看全部
-
.main,.footer{ width:960px; margin:0 auto;}查看全部
-
margin: 0 auto自動居中查看全部
-
清除樣式：在<head>中加 body{margin:0;padding:0;font-size:50px} 設置塊級元素居中時，需要設置div{margin：0 auto；}查看全部
-
1.寬度自適應 100% 2.網業的長度理論上可以無限延長 一般是頭部，主體，底部。主體一般再根據需要分欄，一般兩欄或者三欄，查看全部
-
利用兩邊absolute中間margin的方式，實現了中間響應式的三列布局設計。很不錯的思路！查看全部
-
樓上的，沒有換行是因為你的字母間沒有任何空格，導致被認為是一個單詞，解決方法是添加"word-break:break-all;"查看全部
-
加油加油加油............查看全部
-
完成任務查看全部
-
如果字體換成英文字母，那么效果就不能達到自適應，這是為什么？查看全部
舉報
0/150
提交
取消