-
絕對定位和float配合效果查看全部
-
一般是布置固定布局 若限制浮動布局了加一個父級元素限制寬度定位查看全部
-
框架自適應網頁布局 需用百分比查看全部
-
寬度高度用百分號來設置說明是自適應查看全部
-
父級高度沒定義造成浮動查看全部
-
margin要注意加單位查看全部
-
此小節若right不設置右浮動 則會從左上開始顯示，并且會被浮動的left擋住部分查看全部
-
絕對定位和浮動脫離文檔流 而相對定位不能查看全部
-
利用百分比可以達到自適應效果查看全部
-
clear:both是用來清除緊鄰后面元素的浮動，如前一個div左浮動了，后面的div就會與其同行，假如你不想兩個div同行顯示，想讓后面的div單獨一行，你就可以用clear:both 而overflow:hidden還需要加上一句width:100%方可實現浮動清除，它一般用于清除父元素和子元素之間的浮動影響。這樣看來，第一個清除浮動方法可看做是兄弟元素之間浮動的清除。查看全部
-
position：absolute這個是絕對定位； 是相對于瀏覽器的定位。 比如：position：absolute；left:20px;top:80px; 這個容器始終位于距離瀏覽器左20px,距離瀏覽器上80px的這個位置。 position：relative是相對定位，是相對于前面的容器定位的。這個時候不能用top left在定位。應該用margin。 比如：<div class="1"></div><div class="2"></div> 當1固定了位置。1的樣式float:left;width:100px; height:800px; 2的樣式為float:left; position：relative；margin-left:20px;width:50px; 2的位置在1的右邊，距離120px查看全部
-
三列布局，兩邊固定寬度，中間自適應寬度 .left{ width:200px; height:600px; background:#ccc; position:sabsolute; left:0; top:0} .main{ height:600px; margin:0 310px 0 210px; background:#9CF} .right{ height:600px; width:300px; position:absolute; top:0; right:0; background:#FCC;}查看全部
-
float:left ->左浮動(定義元素在哪個方向浮動) float:right ->右浮動 text-align:left; -> 文字的對齊是左對齊查看全部
-
文檔流：將窗口自上而下分成一行一行，并在每行中按從左至右的依次排放元素，即為文檔流。查看全部
-
一列布局（頭、中、尾；居中顯示；設置字體背景色等）： <style type="text/css"> body{ margin:0; padding:0; font-size:30px}//—————— div{ text-align:center; font-weight:bold} .main,.footer{ width:300px; 【任務1】} .head{ width:100%; height:100px; background:#ccc} .main{ height:300px; background:#FCC;margin:0 auto} .footer{ height:50px; background:#9CF;margin:0 auto} </style>查看全部
舉報
0/150
提交
取消